Skip to content

Commit 8a1df61

Browse files
michabaurmichabaur
committed
yFiles for HTML 3.0.0.1 demos
1 parent 50b3e50 commit 8a1df61

File tree

903 files changed

+2969
-2610
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

903 files changed

+2969
-2610
lines changed

‎demos/README.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@
100100
<div class="content-wide">
101101
<div id="general-intro">
102102
<p class="first-paragraph">
103-
The <a href="https://www.yworks.com/products/yfiles-for-html">yFiles for HTML 3.0</a> demo applications are available in
103+
The <a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML 3.0.0.1</a> demo applications are available in
104104
both JavaScript and TypeScript.
105105
<span class="js-only"
106106
>Show <a href="../demos-ts/README.html">TypeScript Demos</a>.</span
@@ -119,7 +119,7 @@
119119

120120
<p id="online-notice">
121121
All of these demos are also hosted at the
122-
<a href="https://www.yworks.com/demos" target="_blank">yWorks homepage</a>.
122+
<a href="https://www.yfiles.com/demos" target="_blank">yFiles homepage</a>.
123123
</p>
124124

125125
<div class="important" id="no-ecmascript6" style="display: none">

‎demos/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@
1111
-->
1212
# yFiles for HTML Demo Applications
1313

14-
The [yFiles for HTML 3.0](https://www.yworks.com/products/yfiles-for-html) demos and tutorials are extensive sample applications that present the features of the yFiles for HTML diagramming library.
14+
The [yFiles for HTML 3.0.0.1](https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html) demos and tutorials are extensive sample applications that present the features of the yFiles for HTML diagramming library.
1515

1616
The complete source code of all of these samples is part of the yFiles for HTML package and available at [Github](https://github.com/yWorks/yfiles-for-html-demos)
1717

18-
To execute a specific sample, click on its card below. All of these demos are also hosted at the [yWorks homepage](https://www.yworks.com/demos/).
18+
To execute a specific sample, click on its card below. All of these demos are also hosted at the [yWorks homepage](https://www.yfiles.com/demos/).
1919

2020
# [Analysis](analysis)
2121

‎demos/analysis/clustering/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/clustering-algorithms.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/analysis/clustering/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/analysis/clustering/).
1717

1818
This demo showcases a selection of clustering algorithms. The algorithms presented are the following:
1919

‎demos/analysis/clustering/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -91,13 +91,13 @@
9191
<body>
9292
<header class="demo-header">
9393
<a
94-
href="https://www.yworks.com/products/yfiles"
94+
href="https://www.yfiles.com"
9595
class="demo-header__y-logo"
96-
title="Visit yFiles product details"
96+
title="yFiles homepage"
9797
target="_blank"
9898
></a>
9999
<div class="demo-header__breadcrumb-wrapper">
100-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
100+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
101101
<a href="../../README.html">Demos</a>
102102

103103
<span>Clustering Algorithms</span>
@@ -131,9 +131,9 @@
131131
<aside class="demo-page__description">
132132
<div class="demo-description__header">
133133
<a
134-
href="https://www.yworks.com/products/yfiles"
134+
href="https://www.yfiles.com"
135135
class="demo-description__logo"
136-
title="Visit yFiles product details"
136+
title="yFiles homepage"
137137
target="_blank"
138138
></a>
139139
</div>

‎demos/analysis/criticalpathanalysis/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/critical-path-analysis.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/analysis/criticalpathanalysis/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/analysis/criticalpathanalysis/).
1717

1818
This demo shows how to perform critical path analysis (CPA) in project management with yFiles. Formally, this means identifying the tasks of a project that must be completed on time so that the whole project can be completed on time.
1919

‎demos/analysis/criticalpathanalysis/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -49,13 +49,13 @@
4949
<body>
5050
<header class="demo-header">
5151
<a
52-
href="https://www.yworks.com/products/yfiles"
52+
href="https://www.yfiles.com"
5353
class="demo-header__y-logo"
54-
title="Visit yFiles product details"
54+
title="yFiles homepage"
5555
target="_blank"
5656
></a>
5757
<div class="demo-header__breadcrumb-wrapper">
58-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
58+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
5959
<a href="../../README.html">Demos</a>
6060

6161
<span>Critical Path Analysis (CPA)</span>
@@ -76,9 +76,9 @@
7676
<aside class="demo-page__description">
7777
<div class="demo-description__header">
7878
<a
79-
href="https://www.yworks.com/products/yfiles"
79+
href="https://www.yfiles.com"
8080
class="demo-description__logo"
81-
title="Visit yFiles product details"
81+
title="yFiles homepage"
8282
target="_blank"
8383
></a>
8484
</div>

‎demos/analysis/intersection-detection/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/intersection-detection.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/analysis/intersection-detection/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/analysis/intersection-detection/).
1717

1818
This demo showcases how to find and highlight intersections and overlaps between graph items.
1919

‎demos/analysis/intersection-detection/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -87,13 +87,13 @@
8787
<body>
8888
<header class="demo-header">
8989
<a
90-
href="https://www.yworks.com/products/yfiles"
90+
href="https://www.yfiles.com"
9191
class="demo-header__y-logo"
92-
title="Visit yFiles product details"
92+
title="yFiles homepage"
9393
target="_blank"
9494
></a>
9595
<div class="demo-header__breadcrumb-wrapper">
96-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
96+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
9797
<a href="../../README.html">Demos</a>
9898

9999
<span>Intersection Detection</span>
@@ -119,9 +119,9 @@
119119
<aside class="demo-page__description">
120120
<div class="demo-description__header">
121121
<a
122-
href="https://www.yworks.com/products/yfiles"
122+
href="https://www.yfiles.com"
123123
class="demo-description__logo"
124-
title="Visit yFiles product details"
124+
title="yFiles homepage"
125125
target="_blank"
126126
></a>
127127
</div>

‎demos/analysis/networkflows/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/network-flows.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/analysis/networkflows/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/analysis/networkflows/).
1717

1818
_Network flow_ algorithms apply to directed networks in which edges have certain capacities and a flow moves from source nodes (i.e., nodes with in-degree 0) to sink nodes (i.e., nodes with out-degree 0).
1919

‎demos/analysis/networkflows/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -76,13 +76,13 @@
7676
<body>
7777
<header class="demo-header">
7878
<a
79-
href="https://www.yworks.com/products/yfiles"
79+
href="https://www.yfiles.com"
8080
class="demo-header__y-logo"
81-
title="Visit yFiles product details"
81+
title="yFiles homepage"
8282
target="_blank"
8383
></a>
8484
<div class="demo-header__breadcrumb-wrapper">
85-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
85+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
8686
<a href="../../README.html">Demos</a>
8787

8888
<span>Network Flows</span>
@@ -135,9 +135,9 @@
135135
<aside class="demo-page__description">
136136
<div class="demo-description__header">
137137
<a
138-
href="https://www.yworks.com/products/yfiles"
138+
href="https://www.yfiles.com"
139139
class="demo-description__logo"
140-
title="Visit yFiles product details"
140+
title="yFiles homepage"
141141
target="_blank"
142142
></a>
143143
</div>

‎demos/analysis/transitivity/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/transitivity.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/analysis/transitivity/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/analysis/transitivity/).
1717

1818
Transitivity algorithms are heavily applied to graphs in order to answer reachability questions such as _"Is it possible to reach node x from y?"_. Common application fields are social networks, dependency graphs, bioinformatics, citation graphs or criminal networks in which possible relations between two entities have to be quickly identified and investigated.
1919

‎demos/analysis/transitivity/TransitivityDemo.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -307,7 +307,7 @@ function initializeInputModes() {
307307
})
308308
)
309309
// disable default focus indicator
310-
graphComponent.graph.decorator.nodes.focusRenderer.hide()
310+
graphComponent.focusIndicatorManager.enabled = false
311311
let currentNode = null
312312
// set a css class to the currently focused node that changes its background color to orange
313313
graphComponent.addEventListener('current-item-changed', () => {

‎demos/analysis/transitivity/TransitivityDemo.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -350,7 +350,7 @@ function initializeInputModes(): void {
350350
)
351351

352352
// disable default focus indicator
353-
graphComponent.graph.decorator.nodes.focusRenderer.hide()
353+
graphComponent.focusIndicatorManager.enabled = false
354354

355355
let currentNode: INode | null = null
356356
// set a css class to the currently focused node that changes its background color to orange

‎demos/analysis/transitivity/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -75,13 +75,13 @@
7575
<body>
7676
<header class="demo-header">
7777
<a
78-
href="https://www.yworks.com/products/yfiles"
78+
href="https://www.yfiles.com"
7979
class="demo-header__y-logo"
80-
title="Visit yFiles product details"
80+
title="yFiles homepage"
8181
target="_blank"
8282
></a>
8383
<div class="demo-header__breadcrumb-wrapper">
84-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
84+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
8585
<a href="../../README.html">Demos</a>
8686

8787
<span>Transitivity</span>
@@ -129,9 +129,9 @@
129129
<aside class="demo-page__description">
130130
<div class="demo-description__header">
131131
<a
132-
href="https://www.yworks.com/products/yfiles"
132+
href="https://www.yfiles.com"
133133
class="demo-description__logo"
134-
title="Visit yFiles product details"
134+
title="yFiles homepage"
135135
target="_blank"
136136
></a>
137137
</div>

‎demos/application-features/accessibility/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/accessibility.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/application-features/accessibility/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/application-features/accessibility/).
1717

1818
This demo shows how to improve accessibility with ARIA attributes and a [live region](https://developer.mozilla.org/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) for the graph component. Switching an element in this demo, updates the live region of the graph component with the currently selected label.
1919

‎demos/application-features/accessibility/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,13 @@
4747
<body>
4848
<header class="demo-header">
4949
<a
50-
href="https://www.yworks.com/products/yfiles"
50+
href="https://www.yfiles.com"
5151
class="demo-header__y-logo"
52-
title="Visit yFiles product details"
52+
title="yFiles homepage"
5353
target="_blank"
5454
></a>
5555
<div class="demo-header__breadcrumb-wrapper">
56-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
56+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
5757
<a href="../../README.html">Demos</a>
5858

5959
<span>Accessibility</span>
@@ -86,9 +86,9 @@
8686
<aside class="demo-page__description">
8787
<div class="demo-description__header">
8888
<a
89-
href="https://www.yworks.com/products/yfiles"
89+
href="https://www.yfiles.com"
9090
class="demo-description__logo"
91-
title="Visit yFiles product details"
91+
title="yFiles homepage"
9292
target="_blank"
9393
></a>
9494
</div>

‎demos/application-features/background-image/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/background-image.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/application-features/background-image/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/application-features/background-image/).
1717

1818
This demo shows how to add a background to a graph. The background can be an image or a colored rectangle.
1919

‎demos/application-features/background-image/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -41,13 +41,13 @@
4141
<body>
4242
<header class="demo-header">
4343
<a
44-
href="https://www.yworks.com/products/yfiles"
44+
href="https://www.yfiles.com"
4545
class="demo-header__y-logo"
46-
title="Visit yFiles product details"
46+
title="yFiles homepage"
4747
target="_blank"
4848
></a>
4949
<div class="demo-header__breadcrumb-wrapper">
50-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
50+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
5151
<a href="../../README.html">Demos</a>
5252

5353
<span>Background Image</span>
@@ -83,9 +83,9 @@
8383
<aside class="demo-page__description">
8484
<div class="demo-description__header">
8585
<a
86-
href="https://www.yworks.com/products/yfiles"
86+
href="https://www.yfiles.com"
8787
class="demo-description__logo"
88-
title="Visit yFiles product details"
88+
title="yFiles homepage"
8989
target="_blank"
9090
></a>
9191
</div>

‎demos/application-features/building-graph-from-data/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/building-graph-from-data.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/application-features/building-graph-from-data/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/application-features/building-graph-from-data/).
1717

1818
This demo shows how to build a graph using the data stored in JSON-format.
1919

‎demos/application-features/building-graph-from-data/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,13 @@
4747
<body>
4848
<header class="demo-header">
4949
<a
50-
href="https://www.yworks.com/products/yfiles"
50+
href="https://www.yfiles.com"
5151
class="demo-header__y-logo"
52-
title="Visit yFiles product details"
52+
title="yFiles homepage"
5353
target="_blank"
5454
></a>
5555
<div class="demo-header__breadcrumb-wrapper">
56-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
56+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
5757
<a href="../../README.html">Demos</a>
5858

5959
<span>Building Graphs From Data</span>
@@ -84,9 +84,9 @@
8484
<aside class="demo-page__description">
8585
<div class="demo-description__header">
8686
<a
87-
href="https://www.yworks.com/products/yfiles"
87+
href="https://www.yfiles.com"
8888
class="demo-description__logo"
89-
title="Visit yFiles product details"
89+
title="yFiles homepage"
9090
target="_blank"
9191
></a>
9292
</div>

‎demos/application-features/building-swimlanes-from-data/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313

1414
<img src="../../../doc/demo-thumbnails/building-swimlanes-from-data.webp" alt="demo-thumbnail" height="320"/>
1515

16-
[You can also run this demo online](https://www.yworks.com/demos/application-features/building-swimlanes-from-data/).
16+
[You can also run this demo online](https://www.yfiles.com/demos/application-features/building-swimlanes-from-data/).
1717

1818
This demo shows how to build a graph with swimlanes using the data stored in JSON-format.
1919

‎demos/application-features/building-swimlanes-from-data/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,13 @@
4747
<body>
4848
<header class="demo-header">
4949
<a
50-
href="https://www.yworks.com/products/yfiles"
50+
href="https://www.yfiles.com"
5151
class="demo-header__y-logo"
52-
title="Visit yFiles product details"
52+
title="yFiles homepage"
5353
target="_blank"
5454
></a>
5555
<div class="demo-header__breadcrumb-wrapper">
56-
<a href="https://www.yworks.com/products/yfiles">yFiles for HTML</a>
56+
<a href="https://www.yfiles.com/the-yfiles-sdk/web/yfiles-for-html">yFiles for HTML</a>
5757
<a href="../../README.html">Demos</a>
5858

5959
<span>Building Swimlanes From Data</span>
@@ -88,9 +88,9 @@
8888
<aside class="demo-page__description">
8989
<div class="demo-description__header">
9090
<a
91-
href="https://www.yworks.com/products/yfiles"
91+
href="https://www.yfiles.com"
9292
class="demo-description__logo"
93-
title="Visit yFiles product details"
93+
title="yFiles homepage"
9494
target="_blank"
9595
></a>
9696
</div>

0 commit comments

Comments
 (0)