example on DE

eurostat · Jul 12, 2023 · 4fc82e1 · 4fc82e1
1 parent 11912dc
commit 4fc82e1
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/examples/DE.html b/examples/DE.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en" style="height: 100%">
+
+<head>
+    <meta name="viewport" content="maximum-scale=1.0, user-scalable=no" />
+    <title>Gridviz - example</title>
+</head>
+
+<body style="margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; overflow: hidden">
+    <div id="viz-container" style="height: 100%; width: 100%"></div>
+
+    <script src="../dist/gridviz.js"></script>
+    <script>
+        let containerDiv = document.getElementById('viz-container')
+
+        new gviz.App(containerDiv)
+            .setGeoCenter({ x: 4301000, y: 2889000 })
+            .setZoomFactor(3)
+            .addTiledGridLayer(
+                'https://raw.githubusercontent.com/jgaffuri/tiledgrids/main/data/germany/heizung/100m/',
+                [
+                    new gviz.CompositionStyle({
+                        //x,y,Insg,fernw,etagen,zentral
+                        color: {
+                            fernw: 'purple',
+                            zentral: 'yellow',
+                            etagen: 'orange',
+                            Insg: "gray"
+                        },
+                        type: () => 'piechart',
+                        offsetAngle: () => 0,
+                    }),
+                ]
+            )
+    </script>
+</body>
+
+</html>