first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,110 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Dimple.js - bubble matrix
+ *
+ *  Demo of bubble matrix. Data stored in .tsv file format
+ *
+ *  Version: 1.0
+ *  Latest update: August 1, 2015
+ *
+ * ---------------------------------------------------------------------------- */
+
+$(function () {
+
+    // Construct chart
+    var svg = dimple.newSvg("#dimple-bubble-matrix", "100%", 500);
+
+
+    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(95, 25, 10, 45);
+
+
+        // Create axes
+        // ------------------------------
+
+        // Horizontal
+        var x = myChart.addCategoryAxis("x", ["Channel", "Price Tier"]);
+
+        // Vertical
+        var y = myChart.addCategoryAxis("y", "Owner");
+
+        // Other axes
+        var z = myChart.addMeasureAxis("z", "Distribution");
+
+        // Display grid lines
+        x.showGridlines = true;
+        y.showGridlines = true;
+
+
+        // Construct layout
+        // ------------------------------
+
+        // Add bubbles
+        var s = myChart.addSeries("Price Tier", dimple.plot.bubble);
+            s.aggregate = dimple.aggregateMethod.max;
+            z.overrideMax = 200;
+
+
+        // Add legend
+        // ------------------------------
+
+        var myLegend = myChart.addLegend(0, 5, "100%", 0, "right");
+
+
+        // Add styles
+        // ------------------------------
+
+        // Font size
+        x.fontSize = "12";
+        y.fontSize = "12";
+
+        // Font family
+        x.fontFamily = "Roboto";
+        y.fontFamily = "Roboto";
+
+        // Legend font style
+        myLegend.fontSize = "12";
+        myLegend.fontFamily = "Roboto";
+
+
+        //
+        // Draw chart
+        //
+
+        // Draw
+        myChart.draw();
+
+        // Position legend text
+        myLegend.shapes.selectAll("text").attr("dy", "1");
+
+
+        // Resize chart
+        // ------------------------------
+
+        // Add a method to draw the chart on resize of the window
+        $(window).on('resize', resize);
+        $('.sidebar-control').on('click', resize);
+
+        // Resize function
+        function resize() {
+
+            // Redraw chart
+            myChart.draw(0, true);
+
+            // Position legend text
+            myLegend.shapes.selectAll("text").attr("dy", "1");
+        }
+    });
+});