summaryrefslogtreecommitdiff
path: root/www/lib/vis/examples/graph2d
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2016-11-07 15:43:13 -0500
committerPliable Pixels <pliablepixels@gmail.com>2016-11-07 15:43:13 -0500
commit77faead4e948f901fa6ca9951f085bbe045bae68 (patch)
tree3f059e5e76ec5c037c7b2c76e53895a8a337fa3e /www/lib/vis/examples/graph2d
parent5b80d3916cd91d630a0142f76a87b4863b714203 (diff)
Updated vis library to 4.17 and also linked to only graph2d-timeline CSS and JS
Diffstat (limited to 'www/lib/vis/examples/graph2d')
-rw-r--r--www/lib/vis/examples/graph2d/01_basic.html2
-rw-r--r--www/lib/vis/examples/graph2d/02_bars.html2
-rw-r--r--www/lib/vis/examples/graph2d/03_groups.html2
-rw-r--r--www/lib/vis/examples/graph2d/04_rightAxis.html2
-rw-r--r--www/lib/vis/examples/graph2d/05_bothAxis.html2
-rw-r--r--www/lib/vis/examples/graph2d/06_interpolation.html2
-rw-r--r--www/lib/vis/examples/graph2d/07_scrollingAndSorting.html2
-rw-r--r--www/lib/vis/examples/graph2d/08_performance.html2
-rw-r--r--www/lib/vis/examples/graph2d/09_external_legend.html6
-rw-r--r--www/lib/vis/examples/graph2d/10_barsSideBySide.html2
-rw-r--r--www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html2
-rw-r--r--www/lib/vis/examples/graph2d/12_customRange.html2
-rw-r--r--www/lib/vis/examples/graph2d/13_localization.html2
-rw-r--r--www/lib/vis/examples/graph2d/14_toggleGroups.html2
-rw-r--r--www/lib/vis/examples/graph2d/15_streaming_data.html2
-rw-r--r--www/lib/vis/examples/graph2d/16_bothAxisTitles.html2
-rw-r--r--www/lib/vis/examples/graph2d/17_dynamicStyling.html2
-rw-r--r--www/lib/vis/examples/graph2d/18_scatterplot.html2
-rw-r--r--www/lib/vis/examples/graph2d/19_labels.html2
-rw-r--r--www/lib/vis/examples/graph2d/20_shading.html2
20 files changed, 22 insertions, 22 deletions
diff --git a/www/lib/vis/examples/graph2d/01_basic.html b/www/lib/vis/examples/graph2d/01_basic.html
index 68ec7cbd..22c0931f 100644
--- a/www/lib/vis/examples/graph2d/01_basic.html
+++ b/www/lib/vis/examples/graph2d/01_basic.html
@@ -13,7 +13,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Basic Example</h2>
diff --git a/www/lib/vis/examples/graph2d/02_bars.html b/www/lib/vis/examples/graph2d/02_bars.html
index 28493c42..42957d74 100644
--- a/www/lib/vis/examples/graph2d/02_bars.html
+++ b/www/lib/vis/examples/graph2d/02_bars.html
@@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Bar Graph Example</h2>
diff --git a/www/lib/vis/examples/graph2d/03_groups.html b/www/lib/vis/examples/graph2d/03_groups.html
index 19f3ab8c..fe5fa887 100644
--- a/www/lib/vis/examples/graph2d/03_groups.html
+++ b/www/lib/vis/examples/graph2d/03_groups.html
@@ -11,7 +11,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Groups Example</h2>
diff --git a/www/lib/vis/examples/graph2d/04_rightAxis.html b/www/lib/vis/examples/graph2d/04_rightAxis.html
index 756d9045..f13af137 100644
--- a/www/lib/vis/examples/graph2d/04_rightAxis.html
+++ b/www/lib/vis/examples/graph2d/04_rightAxis.html
@@ -24,7 +24,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Right Axis Example</h2>
diff --git a/www/lib/vis/examples/graph2d/05_bothAxis.html b/www/lib/vis/examples/graph2d/05_bothAxis.html
index 093c896f..7b2a04c2 100644
--- a/www/lib/vis/examples/graph2d/05_bothAxis.html
+++ b/www/lib/vis/examples/graph2d/05_bothAxis.html
@@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | Both Axis Example</title>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../dist/vis.js"></script>
<style type="text/css">
diff --git a/www/lib/vis/examples/graph2d/06_interpolation.html b/www/lib/vis/examples/graph2d/06_interpolation.html
index a6ddc53b..9daa7e07 100644
--- a/www/lib/vis/examples/graph2d/06_interpolation.html
+++ b/www/lib/vis/examples/graph2d/06_interpolation.html
@@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | Interpolation</title>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body, html {
font-family: sans-serif;
diff --git a/www/lib/vis/examples/graph2d/07_scrollingAndSorting.html b/www/lib/vis/examples/graph2d/07_scrollingAndSorting.html
index 2b997e45..f9328dc7 100644
--- a/www/lib/vis/examples/graph2d/07_scrollingAndSorting.html
+++ b/www/lib/vis/examples/graph2d/07_scrollingAndSorting.html
@@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Scrolling and Sorting</h2>
diff --git a/www/lib/vis/examples/graph2d/08_performance.html b/www/lib/vis/examples/graph2d/08_performance.html
index 9625b51d..9a2ad2e1 100644
--- a/www/lib/vis/examples/graph2d/08_performance.html
+++ b/www/lib/vis/examples/graph2d/08_performance.html
@@ -18,7 +18,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Performance</h2>
diff --git a/www/lib/vis/examples/graph2d/09_external_legend.html b/www/lib/vis/examples/graph2d/09_external_legend.html
index 39ec3228..8ec82fa8 100644
--- a/www/lib/vis/examples/graph2d/09_external_legend.html
+++ b/www/lib/vis/examples/graph2d/09_external_legend.html
@@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | External legend Example</title>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body, html {
font-family: sans-serif;
@@ -310,7 +310,7 @@
// get the legend for this group.
var legend = graph2d.getLegend(groupsData[i].id,30,30);
- // append class to icon. All styling classes from the vis.css have been copied over into the head here to be able to style the
+ // append class to icon. All styling classes from the vis.css/vis-timeline-graph2d.min.css have been copied over into the head here to be able to style the
// icons with the same classes if they are using the default ones.
legend.icon.setAttributeNS(null, "class", "legend-icon");
@@ -360,4 +360,4 @@
</script>
</body>
-</html> \ No newline at end of file
+</html>
diff --git a/www/lib/vis/examples/graph2d/10_barsSideBySide.html b/www/lib/vis/examples/graph2d/10_barsSideBySide.html
index c9d89f0f..7afdf6ef 100644
--- a/www/lib/vis/examples/graph2d/10_barsSideBySide.html
+++ b/www/lib/vis/examples/graph2d/10_barsSideBySide.html
@@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Bar Graphs Side by Side Example</h2>
diff --git a/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html b/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html
index 945fd30a..b1ed1504 100644
--- a/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html
+++ b/www/lib/vis/examples/graph2d/11_barsSideBySideGroups.html
@@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Bar Graphs Side by Side Example with Groups</h2>
diff --git a/www/lib/vis/examples/graph2d/12_customRange.html b/www/lib/vis/examples/graph2d/12_customRange.html
index 79e6a14f..0e85ab53 100644
--- a/www/lib/vis/examples/graph2d/12_customRange.html
+++ b/www/lib/vis/examples/graph2d/12_customRange.html
@@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Custom axis range</h2>
diff --git a/www/lib/vis/examples/graph2d/13_localization.html b/www/lib/vis/examples/graph2d/13_localization.html
index 5410b05b..c0130d5d 100644
--- a/www/lib/vis/examples/graph2d/13_localization.html
+++ b/www/lib/vis/examples/graph2d/13_localization.html
@@ -15,7 +15,7 @@
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.1/moment-with-locales.min.js"></script>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Localization</h2>
diff --git a/www/lib/vis/examples/graph2d/14_toggleGroups.html b/www/lib/vis/examples/graph2d/14_toggleGroups.html
index c699003f..60db882b 100644
--- a/www/lib/vis/examples/graph2d/14_toggleGroups.html
+++ b/www/lib/vis/examples/graph2d/14_toggleGroups.html
@@ -16,7 +16,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Groups Example</h2>
diff --git a/www/lib/vis/examples/graph2d/15_streaming_data.html b/www/lib/vis/examples/graph2d/15_streaming_data.html
index 0eb7cac0..1a822391 100644
--- a/www/lib/vis/examples/graph2d/15_streaming_data.html
+++ b/www/lib/vis/examples/graph2d/15_streaming_data.html
@@ -13,7 +13,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Streaming data</h2>
diff --git a/www/lib/vis/examples/graph2d/16_bothAxisTitles.html b/www/lib/vis/examples/graph2d/16_bothAxisTitles.html
index 3c08b18a..5fe0e6d8 100644
--- a/www/lib/vis/examples/graph2d/16_bothAxisTitles.html
+++ b/www/lib/vis/examples/graph2d/16_bothAxisTitles.html
@@ -2,7 +2,7 @@
<html>
<head>
<title>Graph2d | Axis Titles and Styling</title>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script src="../../dist/vis.js"></script>
<style type="text/css">
diff --git a/www/lib/vis/examples/graph2d/17_dynamicStyling.html b/www/lib/vis/examples/graph2d/17_dynamicStyling.html
index 414313f5..01beacf4 100644
--- a/www/lib/vis/examples/graph2d/17_dynamicStyling.html
+++ b/www/lib/vis/examples/graph2d/17_dynamicStyling.html
@@ -13,7 +13,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css"/>
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css"/>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Dynamic Styling Example</h2>
diff --git a/www/lib/vis/examples/graph2d/18_scatterplot.html b/www/lib/vis/examples/graph2d/18_scatterplot.html
index d56f8222..bdeb63e4 100644
--- a/www/lib/vis/examples/graph2d/18_scatterplot.html
+++ b/www/lib/vis/examples/graph2d/18_scatterplot.html
@@ -10,7 +10,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Scatterplot</h2>
diff --git a/www/lib/vis/examples/graph2d/19_labels.html b/www/lib/vis/examples/graph2d/19_labels.html
index 6fd102bf..f93853eb 100644
--- a/www/lib/vis/examples/graph2d/19_labels.html
+++ b/www/lib/vis/examples/graph2d/19_labels.html
@@ -17,7 +17,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Label Example</h2>
diff --git a/www/lib/vis/examples/graph2d/20_shading.html b/www/lib/vis/examples/graph2d/20_shading.html
index 1fc0980c..1bfb4bdb 100644
--- a/www/lib/vis/examples/graph2d/20_shading.html
+++ b/www/lib/vis/examples/graph2d/20_shading.html
@@ -11,7 +11,7 @@
</style>
<script src="../../dist/vis.js"></script>
- <link href="../../dist/vis.css" rel="stylesheet" type="text/css" />
+ <link href="../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-61231638-1', 'auto');ga('send', 'pageview');</script></head>
<body>
<h2>Graph2d | Shading Example</h2>