@carbon/charts 0.30.5 → 0.30.9

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.30.9](https://github.com/IBM/carbon-charts/compare/v0.30.8...v0.30.9) (2020-04-09)
+
+
+### Bug Fixes
+
+* **bar-stacked:** render 0 value bars ([425e11d](https://github.com/IBM/carbon-charts/commit/425e11d9dacb8bbaf9740759754eab1f0aa45843))
+
+
+
+
+
+## [0.30.8](https://github.com/IBM/carbon-charts/compare/v0.30.7...v0.30.8) (2020-04-03)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
+## [0.30.7](https://github.com/IBM/carbon-charts/compare/v0.30.6...v0.30.7) (2020-03-31)
+
+
+### Bug Fixes
+
+* **core:** update import path carbon-components ([e9fca73](https://github.com/IBM/carbon-charts/commit/e9fca73cd3768b1b85247a2798908c26da99216b)), closes [#546](https://github.com/IBM/carbon-charts/issues/546)
+
+
+
+
+
+## [0.30.6](https://github.com/IBM/carbon-charts/compare/v0.30.5...v0.30.6) (2020-03-30)
+
+**Note:** Version bump only for package @carbon/charts
+
+
+
+
+
 ## [0.30.5](https://github.com/IBM/carbon-charts/compare/v0.30.4...v0.30.5) (2020-03-30)
 
 **Note:** Version bump only for package @carbon/charts

package/README.md

@@ -2,7 +2,7 @@
 
 > Carbon Charting components
 
-## Getting Started
+## Getting started
 
 Run the following command using [npm](https://www.npmjs.com/):
 
@@ -17,15 +17,21 @@ instead:
 yarn add @carbon/charts d3
 ```
 
-## Step-by-step Instructions
+## Step-by-step instructions
 [Read on carbondesignsystem.com](https://www.carbondesignsystem.com/data-visualization/getting-started/vanilla)
 
-## Sample Project
-[![Edit Carbon Charts - Vanilla](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/carbon-charts-vanilla-m9r77)
+## Codesandbox examples
+[Sample use cases can be seen here](https://carbon-design-system.github.io/carbon-charts).
 
-## Charting Data & Options
-Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components, .
+**When opening the link above**, click on the **Edit on Codesandbox** button for each demo to see an isolated project showing you how to reproduce the demo.
 
-For instance, in the case of pie and donut charts, you would only provide one data set. In the case of donut charts, you can pass in an additional field called `center` in your options configuring the donut center.
+## Charting data & options
+Although we will definitely introduce new models in the future as we start shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components.
 
-There are also additional options available depending on the chart type being used, [for more examples please see here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/demo-data).
+For instance in the case of a donut chart you're able to pass in an additional field called `center` in your options configuring the donut center.
+
+For instructions on using the **tabular data format**, see [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/tutorials--tabular-data-format)
+
+There are also additional options available depending on the chart type being used, [see our demo examples here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data).
+
+Customizable options (specific to chart type) can be found [here](https://carbon-design-system.github.io/carbon-charts/documentation/modules/_interfaces_charts_.html)

package/build/demo/data/bar.d.ts

@@ -1,57 +1,50 @@
 export declare const groupedBarData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    key: string;
+    value: number;
+}[];
 export declare const groupedBarOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
         };
         bottom: {
             scaleType: string;
-            secondary: boolean;
+            mapsTo: string;
         };
     };
 };
 export declare const groupedHorizontalBarData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    key: string;
+    value: number;
+}[];
 export declare const groupedHorizontalBarOptions: {
     title: string;
     axes: {
         left: {
             scaleType: string;
-            primary: boolean;
+            mapsTo: string;
         };
         bottom: {
-            secondary: boolean;
+            mapsTo: string;
         };
     };
 };
 export declare const simpleBarData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    value: number;
+}[];
 export declare const simpleBarOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
         };
         bottom: {
+            mapsTo: string;
             scaleType: string;
-            secondary: boolean;
         };
     };
 };
@@ -59,53 +52,45 @@ export declare const simpleBarFixedDomainOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
             domain: number[];
         };
         bottom: {
             scaleType: string;
-            secondary: boolean;
+            mapsTo: string;
         };
     };
 };
 export declare const simpleHorizontalBarData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    value: number;
+}[];
 export declare const simpleHorizontalBarOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
             scaleType: string;
         };
         bottom: {
-            secondary: boolean;
+            mapsTo: string;
         };
     };
 };
 export declare const simpleBarTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const simpleBarTimeSeriesOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
         };
         bottom: {
+            mapsTo: string;
             scaleType: string;
-            secondary: boolean;
         };
     };
     timeScale: {
@@ -116,84 +101,68 @@ export declare const simpleHorizontalBarTimeSeriesOptions: {
     title: string;
     axes: {
         left: {
+            mapsTo: string;
             scaleType: string;
-            primary: boolean;
         };
         bottom: {
-            secondary: boolean;
+            mapsTo: string;
         };
     };
 };
 export declare const simpleHorizontalBarTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const stackedBarData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    key: string;
+    value: number;
+}[];
 export declare const stackedBarOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
             stacked: boolean;
         };
         bottom: {
+            mapsTo: string;
             scaleType: string;
-            secondary: boolean;
         };
     };
 };
 export declare const stackedHorizontalBarData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    key: string;
+    value: number;
+}[];
 export declare const stackedHorizontalBarOptions: {
     title: string;
     axes: {
         left: {
             scaleType: string;
-            primary: boolean;
         };
         bottom: {
             stacked: boolean;
-            secondary: boolean;
         };
     };
 };
 export declare const stackedBarTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const stackedBarTimeSeriesOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
+            mapsTo: string;
             stacked: boolean;
         };
         bottom: {
+            mapsTo: string;
             scaleType: string;
-            secondary: boolean;
         };
     };
 };
@@ -201,22 +170,15 @@ export declare const stackedHorizontalBarTimeSeriesOptions: {
     title: string;
     axes: {
         left: {
-            primary: boolean;
             scaleType: string;
         };
         bottom: {
             stacked: boolean;
-            secondary: boolean;
         };
     };
 };
 export declare const stackedHorizontalBarTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];

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

@@ -1,24 +1,69 @@
-export declare const bubbleData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-            radius: number;
-        }[];
-    }[];
+export declare const bubbleDoubleLinearData: {
+    group: string;
+    sales: number;
+    profit: number;
+    surplus: number;
+}[];
+export declare const bubbleDoubleLinearOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            includeZero: boolean;
+        };
+        left: {
+            title: string;
+            mapsTo: string;
+            includeZero: boolean;
+        };
+    };
+    bubble: {
+        radiusMapsTo: string;
+    };
+};
+export declare const bubbleDiscreteData: {
+    group: string;
+    key: string;
+    value: number;
+    surplus: number;
+}[];
+export declare const bubbleDiscreteOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            scaleType: string;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
+        };
+    };
+    bubble: {
+        radiusMapsTo: string;
+    };
 };
-export declare const bubbleOptions: {
+export declare const bubbleTimeSeriesData: ({
+    group: string;
+    date: Date;
+    value: number;
+} & {
+    surplus: number;
+})[];
+export declare const bubbleTimeSeriesOptions: {
     title: string;
     axes: {
         bottom: {
             title: string;
             scaleType: string;
-            secondary: boolean;
+            mapsTo: string;
         };
         left: {
-            primary: boolean;
+            mapsTo: string;
         };
     };
+    bubble: {
+        radiusMapsTo: string;
+    };
 };

package/build/demo/data/donut.d.ts

@@ -1,10 +1,7 @@
 export declare const donutData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    value: number;
+}[];
 export declare const donutOptions: {
     title: string;
     resizable: boolean;

package/build/demo/data/line.d.ts

@@ -1,65 +1,65 @@
-export declare const lineData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+export declare const lineData: ({
+    group: string;
+    key: string;
+    value: number;
+    audienceSize?: undefined;
+} | {
+    group: string;
+    key: string;
+    value: number;
+    audienceSize: number;
+})[];
 export declare const lineOptions: {
     title: string;
     axes: {
         bottom: {
             title: string;
+            mapsTo: string;
             scaleType: string;
-            secondary: boolean;
         };
         left: {
-            primary: boolean;
+            mapsTo: string;
+            title: string;
+            scaleType: string;
         };
     };
 };
 export declare const lineTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesOptions: {
     title: string;
     axes: {
-        left: {
-            secondary: boolean;
-        };
         bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
             scaleType: string;
-            primary: boolean;
         };
     };
     curve: string;
 };
 export declare const lineTimeSeriesDataRotatedTicks: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesRotatedTicksOptions: {
     title: string;
+    width: string;
     axes: {
-        left: {
-            secondary: boolean;
-        };
         bottom: {
             scaleType: string;
-            primary: boolean;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
         };
     };
 };

package/build/demo/data/pie.d.ts

@@ -1,10 +1,7 @@
 export declare const pieData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    value: number;
+}[];
 export declare const pieOptions: {
     title: string;
     resizable: boolean;

package/build/demo/data/scatter.d.ts

@@ -1,43 +1,56 @@
-export declare const scatterData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
+export declare const doubleLinearScatterData: {
+    group: string;
+    employees: number;
+    sales: number;
+}[];
+export declare const doubleLinearScatterOptions: {
+    title: string;
+    axes: {
+        bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+    };
 };
-export declare const scatterOptions: {
+export declare const scatterDiscreteData: {
+    group: string;
+    key: string;
+    value: number;
+}[];
+export declare const scatterDiscreteOptions: {
     title: string;
     axes: {
         bottom: {
             title: string;
             scaleType: string;
-            secondary: boolean;
+            mapsTo: string;
         };
         left: {
-            primary: boolean;
+            mapsTo: string;
         };
     };
 };
 export declare const scatterTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const scatterTimeSeriesOptions: {
     title: string;
     axes: {
         bottom: {
             title: string;
             scaleType: string;
-            secondary: boolean;
+            mapsTo: string;
         };
         left: {
-            primary: boolean;
+            mapsTo: string;
         };
     };
 };

package/build/demo/data/step.d.ts

@@ -1,19 +1,18 @@
 export declare const stepOptions: any;
-export declare const stepData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+export declare const stepData: ({
+    group: string;
+    key: string;
+    value: number;
+    audienceSize?: undefined;
+} | {
+    group: string;
+    key: string;
+    value: number;
+    audienceSize: number;
+})[];
 export declare const stepTimeSeriesOptions: any;
 export declare const stepTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];