first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,76 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Dimple.js - basic ring
+ *
+ *  Demo of ring chart. Data stored in .tsv file format
+ *
+ *  Version: 1.0
+ *  Latest update: August 1, 2015
+ *
+ * ---------------------------------------------------------------------------- */
+
+$(function () {
+
+    // Construct chart
+    var svg = dimple.newSvg("#dimple-ring-basic", 420, 300);
+
+
+    // Chart setup
+    // ------------------------------
+
+    d3.tsv("assets/demo_data/dimple/demo_data.tsv", function (data) {
+
+
+        // Create chart
+        // ------------------------------
+
+        // Define chart
+        var myChart = new dimple.chart(svg, data);
+
+        // Set bounds
+        myChart.setBounds(0, 0, "100%", "100%")
+
+        // Set margins
+        myChart.setMargins(5, 5, 90, 5);
+
+
+        // Add axes
+        // ------------------------------
+
+        myChart.addMeasureAxis("p", "Unit Sales");
+
+
+        // Construct layout
+        // ------------------------------
+
+        // Add ring
+        var ring = myChart.addSeries("Owner", dimple.plot.pie);
+
+        // Inner ring radius
+        ring.innerRadius = "50%";
+
+
+        // Add legend
+        // ------------------------------
+
+        var myLegend = myChart.addLegend("100%", 0, 0, "100%", "right");
+
+
+        // Add styles
+        // ------------------------------
+
+        // Font size
+        myLegend.fontSize = "12";
+
+        // Font family
+        myLegend.fontFamily = "Roboto";
+
+
+        //
+        // Draw chart
+        //
+
+        // Draw
+        myChart.draw();
+    });
+});