@carbon/charts 0.29.0 → 0.29.1

package/demo/demo-data/bubble.d.ts

@@ -0,0 +1,24 @@
+export declare const bubbleData: {
+    labels: string[];
+    datasets: {
+        label: string;
+        data: {
+            date: Date;
+            value: number;
+            radius: number;
+        }[];
+    }[];
+};
+export declare const bubbleOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            secondary: boolean;
+        };
+        left: {
+            primary: boolean;
+        };
+    };
+};

package/demo/demo-data/bubble.js

@@ -0,0 +1,189 @@
+export var bubbleData = {
+    labels: ["Qty", "More", "Sold", "Restocking", "Misc"],
+    datasets: [
+        {
+            label: "Dataset 1",
+            data: [
+                {
+                    date: new Date(2019, 0, 1),
+                    value: 10000,
+                    radius: 6
+                },
+                {
+                    date: new Date(2019, 0, 5),
+                    value: 45000,
+                    radius: 5
+                },
+                {
+                    date: new Date(2019, 0, 8),
+                    value: 10000,
+                    radius: 8
+                },
+                {
+                    date: new Date(2019, 0, 13),
+                    value: 49213,
+                    radius: 11
+                },
+                {
+                    date: new Date(2019, 0, 17),
+                    value: 51213,
+                    radius: 3
+                }
+            ]
+        },
+        {
+            label: "Dataset 2",
+            data: [
+                {
+                    date: new Date(2019, 0, 2),
+                    value: 12000,
+                    radius: 4
+                },
+                {
+                    date: new Date(2019, 0, 6),
+                    value: 57312,
+                    radius: 6
+                },
+                {
+                    date: new Date(2019, 0, 8),
+                    value: 21432,
+                    radius: 8
+                },
+                {
+                    date: new Date(2019, 0, 15),
+                    value: 70323,
+                    radius: 3
+                },
+                {
+                    date: new Date(2019, 0, 19),
+                    value: 21300,
+                    radius: 5
+                }
+            ]
+        },
+        {
+            label: "Dataset 3",
+            data: [
+                {
+                    date: new Date(2019, 0, 1),
+                    value: 50000,
+                    radius: 5
+                },
+                {
+                    date: new Date(2019, 0, 1),
+                    value: 15000,
+                    radius: 3
+                },
+                {
+                    date: new Date(2019, 0, 2),
+                    value: 20000,
+                    radius: 8
+                },
+                {
+                    date: new Date(2019, 0, 2),
+                    value: 39213,
+                    radius: 4
+                },
+                {
+                    date: new Date(2019, 0, 3),
+                    value: 61213,
+                    radius: 3
+                },
+                {
+                    date: new Date(2019, 0, 3),
+                    value: 50000,
+                    radius: 5
+                },
+                {
+                    date: new Date(2019, 0, 4),
+                    value: 15000,
+                    radius: 3
+                },
+                {
+                    date: new Date(2019, 0, 4),
+                    value: 20000,
+                    radius: 2
+                },
+                {
+                    date: new Date(2019, 0, 5),
+                    value: 39213,
+                    radius: 4
+                },
+                {
+                    date: new Date(2019, 0, 6),
+                    value: 61213,
+                    radius: 3
+                }
+            ]
+        },
+        {
+            label: "Dataset 4",
+            data: [
+                {
+                    date: new Date(2019, 0, 2),
+                    value: 5000,
+                    radius: 2
+                },
+                {
+                    date: new Date(2019, 0, 6),
+                    value: 37312,
+                    radius: 3
+                },
+                {
+                    date: new Date(2019, 0, 8),
+                    value: 51432,
+                    radius: 5
+                },
+                {
+                    date: new Date(2019, 0, 15),
+                    value: 5000,
+                    radius: 7
+                },
+                {
+                    date: new Date(2019, 0, 19),
+                    value: 31300,
+                    radius: 2
+                },
+                {
+                    date: new Date(2019, 0, 4),
+                    value: 34242,
+                    radius: 5
+                },
+                {
+                    date: new Date(2019, 0, 5),
+                    value: 62324,
+                    radius: 12
+                },
+                {
+                    date: new Date(2019, 0, 9),
+                    value: 21321,
+                    radius: 9
+                },
+                {
+                    date: new Date(2019, 0, 12),
+                    value: 13421,
+                    radius: 2
+                },
+                {
+                    date: new Date(2019, 0, 14),
+                    value: 32523,
+                    radius: 15
+                }
+            ]
+        }
+    ]
+};
+export var bubbleOptions = {
+    title: "Bubble (time series)",
+    axes: {
+        bottom: {
+            title: "2019 Annual Sales Figures",
+            scaleType: "time",
+            secondary: true
+        },
+        left: {
+            primary: true
+        }
+    }
+};
+//# sourceMappingURL=../../../demo/demo-data/bubble.js.map

package/demo/demo-data/bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.js","sourceRoot":"","sources":["bubble.ts"],"names":[],"mappings":"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","sourcesContent":["export const bubbleData = {\n\tlabels: [\"Qty\", \"More\", \"Sold\", \"Restocking\", \"Misc\"],\n\tdatasets: [\n\t\t{\n\t\t\tlabel: \"Dataset 1\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 1),\n\t\t\t\t\tvalue: 10000,\n\t\t\t\t\tradius: 6\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 5),\n\t\t\t\t\tvalue: 45000,\n\t\t\t\t\tradius: 5\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: 10000,\n\t\t\t\t\tradius: 8\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 13),\n\t\t\t\t\tvalue: 49213,\n\t\t\t\t\tradius: 11\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 17),\n\t\t\t\t\tvalue: 51213,\n\t\t\t\t\tradius: 3\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 2\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 2),\n\t\t\t\t\tvalue: 12000,\n\t\t\t\t\tradius: 4\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 6),\n\t\t\t\t\tvalue: 57312,\n\t\t\t\t\tradius: 6\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: 21432,\n\t\t\t\t\tradius: 8\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 15),\n\t\t\t\t\tvalue: 70323,\n\t\t\t\t\tradius: 3\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 19),\n\t\t\t\t\tvalue: 21300,\n\t\t\t\t\tradius: 5\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 3\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 1),\n\t\t\t\t\tvalue: 50000,\n\t\t\t\t\tradius: 5\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 1),\n\t\t\t\t\tvalue: 15000,\n\t\t\t\t\tradius: 3\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 2),\n\t\t\t\t\tvalue: 20000,\n\t\t\t\t\tradius: 8\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 2),\n\t\t\t\t\tvalue: 39213,\n\t\t\t\t\tradius: 4\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 3),\n\t\t\t\t\tvalue: 61213,\n\t\t\t\t\tradius: 3\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 3),\n\t\t\t\t\tvalue: 50000,\n\t\t\t\t\tradius: 5\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 4),\n\t\t\t\t\tvalue: 15000,\n\t\t\t\t\tradius: 3\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 4),\n\t\t\t\t\tvalue: 20000,\n\t\t\t\t\tradius: 2\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 5),\n\t\t\t\t\tvalue: 39213,\n\t\t\t\t\tradius: 4\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 6),\n\t\t\t\t\tvalue: 61213,\n\t\t\t\t\tradius: 3\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 4\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 2),\n\t\t\t\t\tvalue: 5000,\n\t\t\t\t\tradius: 2\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 6),\n\t\t\t\t\tvalue: 37312,\n\t\t\t\t\tradius: 3\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: 51432,\n\t\t\t\t\tradius: 5\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 15),\n\t\t\t\t\tvalue: 5000,\n\t\t\t\t\tradius: 7\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 19),\n\t\t\t\t\tvalue: 31300,\n\t\t\t\t\tradius: 2\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 4),\n\t\t\t\t\tvalue: 34242,\n\t\t\t\t\tradius: 5\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 5),\n\t\t\t\t\tvalue: 62324,\n\t\t\t\t\tradius: 12\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 9),\n\t\t\t\t\tvalue: 21321,\n\t\t\t\t\tradius: 9\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 12),\n\t\t\t\t\tvalue: 13421,\n\t\t\t\t\tradius: 2\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 14),\n\t\t\t\t\tvalue: 32523,\n\t\t\t\t\tradius: 15\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t]\n};\n\nexport const bubbleOptions = {\n\ttitle: \"Bubble (time series)\",\n\taxes: {\n\t\tbottom: {\n\t\t\ttitle: \"2019 Annual Sales Figures\",\n\t\t\tscaleType: \"time\",\n\t\t\tsecondary: true\n\t\t},\n\t\tleft: {\n\t\t\tprimary: true\n\t\t}\n\t}\n};\n"]}

package/demo/demo-data/create-codesandbox.d.ts

@@ -0,0 +1,30 @@
+export declare const createChartSandbox: (chartTemplate: any) => string;
+export declare const createReactChartApp: (demo: any) => {
+    "src/index.html": string;
+    "src/index.js": string;
+    "package.json": {
+        dependencies: {
+            "@carbon/charts": string;
+            "@carbon/charts-react": string;
+            d3: string;
+            react: string;
+            "react-dom": string;
+            "react-scripts": string;
+        };
+    };
+};
+export declare const createAngularChartApp: (demo: any) => {
+    "src/index.html": string;
+    "src/main.ts": string;
+    "src/app/app.component.html": string;
+    "src/app/app.component.ts": string;
+    "src/app/app.module.ts": string;
+    ".angular-cli.json": string;
+    "package.json": string;
+};
+export declare const createVueChartApp: (demo: any) => {
+    "src/components/chart.vue": string;
+    "src/App.vue": string;
+    "src/main.js": string;
+    "package.json": string;
+};

package/demo/demo-data/create-codesandbox.js

@@ -0,0 +1,92 @@
+import { getParameters } from "codesandbox/lib/api/define";
+import { version as libraryVersion } from "../../package.json";
+export var createChartSandbox = function (chartTemplate) {
+    var files = {};
+    Object.keys(chartTemplate)
+        .forEach(function (filePath) { return files[filePath] = { content: chartTemplate[filePath] }; });
+    return "https://codesandbox.io/api/v1/sandboxes/define?parameters=" + getParameters({ files: files });
+};
+export var createReactChartApp = function (demo) {
+    var chartData = JSON.stringify(demo.data, null, "\t");
+    var chartOptions = JSON.stringify(demo.options, null, "\t");
+    var chartComponent = demo.chartType.vanilla;
+    var indexHtml = "<div id=\"root\"></div>\n  ";
+    var indexJs = "import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { " + chartComponent + " } from \"@carbon/charts-react\";\nimport \"@carbon/charts/styles.css\";\n// Or\n// import \"@carbon/charts/styles/styles.scss\";\n\nclass App extends React.Component {\n\tstate = {\n\t\tdata: " + chartData + ",\n\t\toptions: " + chartOptions + "\n\t};\n\n\trender = () => (\n\t\t<" + chartComponent + "\n\t\t\tdata={this.state.data}\n\t\t\toptions={this.state.options}>\n\t\t</" + chartComponent + ">\n\t);\n}\nReactDOM.render(<App />, document.getElementById(\"root\"));\n  ";
+    var packageJson = {
+        dependencies: {
+            "@carbon/charts": libraryVersion,
+            "@carbon/charts-react": libraryVersion,
+            d3: "5.12.0",
+            react: "16.12.0",
+            "react-dom": "16.12.0",
+            "react-scripts": "3.0.1"
+        }
+    };
+    return {
+        "src/index.html": indexHtml,
+        "src/index.js": indexJs,
+        "package.json": packageJson
+    };
+};
+export var createAngularChartApp = function (demo) {
+    var chartData = JSON.stringify(demo.data, null, "\t\t");
+    var chartOptions = JSON.stringify(demo.options, null, "\t\t");
+    var chartComponent = demo.chartType.angular;
+    var appComponentHtml = "<" + chartComponent + " [data]=\"data\" [options]=\"options\"></" + chartComponent + ">";
+    var appComponentTs = "import { Component } from \"@angular/core\";\n@Component({\n\tselector: \"app-root\",\n\ttemplateUrl: \"./app.component.html\"\n})\nexport class AppComponent {\n\tdata = " + chartData + ";\n\toptions = " + chartOptions + ";\n}";
+    var appModule = "import { NgModule } from \"@angular/core\";\nimport { BrowserModule } from \"@angular/platform-browser\";\nimport { ChartsModule } from \"@carbon/charts-angular\";\nimport { AppComponent } from \"./app.component\";\n@NgModule({\n\timports: [BrowserModule, ChartsModule],\n\tdeclarations: [AppComponent],\n\tbootstrap: [AppComponent]\n})\nexport class AppModule {}";
+    var indexHtml = "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>Angular</title>\n\t</head>\n\t<body>\n\t\t<app-root></app-root>\n\t</body>\n</html>";
+    var mainTs = "import { platformBrowserDynamic } from \"@angular/platform-browser-dynamic\";\nimport { AppModule } from \"./app/app.module\";\nplatformBrowserDynamic()\n\t.bootstrapModule(AppModule)\n\t.catch(err => console.log(err));\n";
+    var angularCliJson = "{\n\t\"apps\": [\n\t\t{\n\t\t\t\"root\": \"src\",\n\t\t\t\"outDir\": \"dist\",\n\t\t\t\"assets\": [\"assets\", \"favicon.ico\"],\n\t\t\t\"index\": \"index.html\",\n\t\t\t\"main\": \"main.ts\",\n\t\t\t\"polyfills\": \"polyfills.ts\",\n\t\t\t\"prefix\": \"app\",\n\t\t\t\"styles\": [\"styles.css\"],\n\t\t\t\"scripts\": [],\n\t\t\t\"environmentSource\": \"environments/environment.ts\",\n\t\t\t\"environments\": {\n\t\t\t\t\"dev\": \"environments/environment.ts\",\n\t\t\t\t\"prod\": \"environments/environment.prod.ts\"\n\t\t\t}\n\t\t}\n\t]\n}";
+    var packageJson = JSON.stringify({
+        dependencies: {
+            "@angular/animations": "8.2.14",
+            "@angular/common": "8.2.14",
+            "@angular/compiler": "8.2.14",
+            "@angular/core": "8.2.14",
+            "@angular/forms": "8.2.14",
+            "@angular/platform-browser": "8.2.14",
+            "@angular/platform-browser-dynamic": "8.2.14",
+            "@angular/router": "8.2.14",
+            "@carbon/charts": libraryVersion,
+            "@carbon/charts-angular": libraryVersion,
+            "core-js": "3.6.0",
+            d3: "5.15.0",
+            rxjs: "6.5.3",
+            "zone.js": "0.10.2"
+        }
+    }, null, "\t");
+    return {
+        "src/index.html": indexHtml,
+        "src/main.ts": mainTs,
+        "src/app/app.component.html": appComponentHtml,
+        "src/app/app.component.ts": appComponentTs,
+        "src/app/app.module.ts": appModule,
+        ".angular-cli.json": angularCliJson,
+        "package.json": packageJson
+    };
+};
+export var createVueChartApp = function (demo) {
+    var chartData = JSON.stringify(demo.data, null, "\t\t");
+    var chartOptions = JSON.stringify(demo.options, null, "\t\t");
+    var chartComponent = demo.chartType.vue;
+    var chartVue = "<script>\nimport Vue from \"vue\";\nimport \"@carbon/charts/styles.css\";\nimport chartsVue from \"@carbon/charts-vue\";\nVue.use(chartsVue);\nexport default {\n\tname: \"Chart\",\n\tcomponents: {},\n\tdata() {\n\t\treturn {\n\t\t\tdata: " + chartData + ",\n\t\t\toptions: " + chartOptions + "\n\t\t};\n\t},\n\ttemplate: \"<" + chartComponent + " :data=\"data\" :options=\"options\"></" + chartComponent + ">\"\n};\n</script>\n  ";
+    var appVue = "<template>\n\t<div id=\"app\">\n\t\t<Chart/>\n\t</div>\n</template>\n<script>\nimport Chart from \"./components/chart\";\nexport default {\n\tname: \"App\",\n\tcomponents: {\n\t\tChart\n\t}\n};\n</script>\n  ";
+    var mainJs = "import Vue from \"vue\";\nimport App from \"./App.vue\";\nVue.config.productionTip = false;\nnew Vue({\n\trender: h => h(App)\n}).$mount(\"#app\");\n";
+    var packageJson = JSON.stringify({
+        dependencies: {
+            "@carbon/charts": libraryVersion,
+            "@carbon/charts-vue": libraryVersion,
+            "@vue/cli-plugin-babel": "4.1.1",
+            d3: "5.15.0",
+            vue: "^2.6.11"
+        }
+    }, null, "\t\t");
+    return {
+        "src/components/chart.vue": chartVue,
+        "src/App.vue": appVue,
+        "src/main.js": mainJs,
+        "package.json": packageJson
+    };
+};
+//# sourceMappingURL=../../../demo/demo-data/create-codesandbox.js.map

package/demo/demo-data/create-codesandbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-codesandbox.js","sourceRoot":"","sources":["create-codesandbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { getParameters } from \"codesandbox/lib/api/define\";\n\nimport { version as libraryVersion } from \"../../package.json\";\n\nexport const createChartSandbox = (chartTemplate: any) => {\n\tconst files = {};\n\n\tObject.keys(chartTemplate)\n\t\t.forEach(filePath => files[filePath] = { content: chartTemplate[filePath] });\n\n\treturn `https://codesandbox.io/api/v1/sandboxes/define?parameters=${getParameters({ files })}`;\n};\n\nexport const createReactChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, \"\\t\");\n\tconst chartOptions = JSON.stringify(demo.options, null, \"\\t\");\n\tconst chartComponent = demo.chartType.vanilla;\n\n\tconst indexHtml = `<div id=\"root\"></div>\n  `;\n\tconst indexJs =\n\t\t`import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ${chartComponent} } from \"@carbon/charts-react\";\nimport \"@carbon/charts/styles.css\";\n// Or\n// import \"@carbon/charts/styles/styles.scss\";\n\nclass App extends React.Component {\n\tstate = {\n\t\tdata: ${chartData},\n\t\toptions: ${chartOptions}\n\t};\n\n\trender = () => (\n\t\t<${chartComponent}\n\t\t\tdata={this.state.data}\n\t\t\toptions={this.state.options}>\n\t\t</${chartComponent}>\n\t);\n}\nReactDOM.render(<App />, document.getElementById(\"root\"));\n  `;\n\tconst packageJson = {\n\t\tdependencies: {\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-react\": libraryVersion,\n\t\t\td3: \"5.12.0\",\n\t\t\treact: \"16.12.0\",\n\t\t\t\"react-dom\": \"16.12.0\",\n\t\t\t\"react-scripts\": \"3.0.1\"\n\t\t}\n\t};\n\n\treturn {\n\t\t\"src/index.html\": indexHtml,\n\t\t\"src/index.js\": indexJs,\n\t\t\"package.json\": packageJson\n\t};\n};\n\nexport const createAngularChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, \"\\t\\t\");\n\tconst chartOptions = JSON.stringify(demo.options, null, \"\\t\\t\");\n\tconst chartComponent = demo.chartType.angular;\n\n\tconst appComponentHtml = `<${chartComponent} [data]=\"data\" [options]=\"options\"></${chartComponent}>`;\n\tconst appComponentTs =\n\t\t`import { Component } from \"@angular/core\";\n@Component({\n\tselector: \"app-root\",\n\ttemplateUrl: \"./app.component.html\"\n})\nexport class AppComponent {\n\tdata = ${chartData};\n\toptions = ${chartOptions};\n}`;\n\n\tconst appModule =\n\t\t`import { NgModule } from \"@angular/core\";\nimport { BrowserModule } from \"@angular/platform-browser\";\nimport { ChartsModule } from \"@carbon/charts-angular\";\nimport { AppComponent } from \"./app.component\";\n@NgModule({\n\timports: [BrowserModule, ChartsModule],\n\tdeclarations: [AppComponent],\n\tbootstrap: [AppComponent]\n})\nexport class AppModule {}`;\n\n\tconst indexHtml =\n\t\t`<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>Angular</title>\n\t</head>\n\t<body>\n\t\t<app-root></app-root>\n\t</body>\n</html>`;\n\n\tconst mainTs =\n\t\t`import { platformBrowserDynamic } from \"@angular/platform-browser-dynamic\";\nimport { AppModule } from \"./app/app.module\";\nplatformBrowserDynamic()\n\t.bootstrapModule(AppModule)\n\t.catch(err => console.log(err));\n`;\n\n\tconst angularCliJson =\n\t\t`{\n\t\"apps\": [\n\t\t{\n\t\t\t\"root\": \"src\",\n\t\t\t\"outDir\": \"dist\",\n\t\t\t\"assets\": [\"assets\", \"favicon.ico\"],\n\t\t\t\"index\": \"index.html\",\n\t\t\t\"main\": \"main.ts\",\n\t\t\t\"polyfills\": \"polyfills.ts\",\n\t\t\t\"prefix\": \"app\",\n\t\t\t\"styles\": [\"styles.css\"],\n\t\t\t\"scripts\": [],\n\t\t\t\"environmentSource\": \"environments/environment.ts\",\n\t\t\t\"environments\": {\n\t\t\t\t\"dev\": \"environments/environment.ts\",\n\t\t\t\t\"prod\": \"environments/environment.prod.ts\"\n\t\t\t}\n\t\t}\n\t]\n}`;\n\n\tconst packageJson = JSON.stringify({\n\t\tdependencies: {\n\t\t\t\"@angular/animations\": \"8.2.14\",\n\t\t\t\"@angular/common\": \"8.2.14\",\n\t\t\t\"@angular/compiler\": \"8.2.14\",\n\t\t\t\"@angular/core\": \"8.2.14\",\n\t\t\t\"@angular/forms\": \"8.2.14\",\n\t\t\t\"@angular/platform-browser\": \"8.2.14\",\n\t\t\t\"@angular/platform-browser-dynamic\": \"8.2.14\",\n\t\t\t\"@angular/router\": \"8.2.14\",\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-angular\": libraryVersion,\n\t\t\t\"core-js\": \"3.6.0\",\n\t\t\td3: \"5.15.0\",\n\t\t\trxjs: \"6.5.3\",\n\t\t\t\"zone.js\": \"0.10.2\"\n\t\t}\n\t}, null, \"\\t\");\n\n\treturn {\n\t\t\"src/index.html\": indexHtml,\n\t\t\"src/main.ts\": mainTs,\n\t\t\"src/app/app.component.html\": appComponentHtml,\n\t\t\"src/app/app.component.ts\": appComponentTs,\n\t\t\"src/app/app.module.ts\": appModule,\n\t\t\".angular-cli.json\": angularCliJson,\n\t\t\"package.json\": packageJson\n\t};\n};\n\nexport const createVueChartApp = (demo: any) => {\n\tconst chartData = JSON.stringify(demo.data, null, \"\\t\\t\");\n\tconst chartOptions = JSON.stringify(demo.options, null, \"\\t\\t\");\n\tconst chartComponent = demo.chartType.vue;\n\n\tconst chartVue =\n`<script>\nimport Vue from \"vue\";\nimport \"@carbon/charts/styles.css\";\nimport chartsVue from \"@carbon/charts-vue\";\nVue.use(chartsVue);\nexport default {\n\tname: \"Chart\",\n\tcomponents: {},\n\tdata() {\n\t\treturn {\n\t\t\tdata: ${chartData},\n\t\t\toptions: ${chartOptions}\n\t\t};\n\t},\n\ttemplate: \"<${chartComponent} :data=\"data\" :options=\"options\"></${chartComponent}>\"\n};\n</script>\n  `;\n\n\tconst appVue =\n`<template>\n\t<div id=\"app\">\n\t\t<Chart/>\n\t</div>\n</template>\n<script>\nimport Chart from \"./components/chart\";\nexport default {\n\tname: \"App\",\n\tcomponents: {\n\t\tChart\n\t}\n};\n</script>\n  `;\n\n\tconst mainJs =\n`import Vue from \"vue\";\nimport App from \"./App.vue\";\nVue.config.productionTip = false;\nnew Vue({\n\trender: h => h(App)\n}).$mount(\"#app\");\n`;\n\n\tconst packageJson = JSON.stringify({\n\t\tdependencies: {\n\t\t\t\"@carbon/charts\": libraryVersion,\n\t\t\t\"@carbon/charts-vue\": libraryVersion,\n\t\t\t\"@vue/cli-plugin-babel\": \"4.1.1\",\n\t\t\td3: \"5.15.0\",\n\t\t\tvue: \"^2.6.11\"\n\t\t}\n\t}, null, \"\\t\\t\");\n\n\treturn {\n\t\t\"src/components/chart.vue\": chartVue,\n\t\t\"src/App.vue\": appVue,\n\t\t\"src/main.js\": mainJs,\n\t\t\"package.json\": packageJson\n\t};\n};\n"]}

package/demo/demo-data/{pie-donut.d.ts → donut.d.ts}

@@ -1,14 +1,3 @@
-export declare const pieData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
-export declare const pieOptions: {
-    title: string;
-    resizable: boolean;
-};
 export declare const donutData: {
     labels: string[];
     datasets: {

package/demo/demo-data/donut.js

@@ -0,0 +1,12 @@
+import { pieData } from "./pie";
+export var donutData = pieData;
+export var donutOptions = {
+    title: "Donut",
+    resizable: true,
+    donut: {
+        center: {
+            label: "Browsers"
+        }
+    }
+};
+//# sourceMappingURL=../../../demo/demo-data/donut.js.map

package/demo/demo-data/donut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"donut.js","sourceRoot":"","sources":["donut.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAC;AAEjC,MAAM,CAAC,IAAM,YAAY,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;CACD,CAAC","sourcesContent":["import { pieData } from \"./pie\";\n\nexport const donutData = pieData;\n\nexport const donutOptions = {\n\ttitle: \"Donut\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\"\n\t\t}\n\t}\n};\n"]}

package/demo/demo-data/index.d.ts

@@ -1,3 +1,50 @@
 export * from "./bar";
-export * from "./pie-donut";
+export * from "./bubble";
+export * from "./donut";
 export * from "./line";
+export * from "./pie";
+export * from "./scatter";
+export * from "./step";
+export declare const chartTypes: {
+    SimpleBarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    GroupedBarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    StackedBarChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    BubbleChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    LineChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    ScatterChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    PieChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+    DonutChart: {
+        vanilla: string;
+        angular: string;
+        vue: string;
+    };
+};
+export declare const demoGroups: any;