@dpuse/dpuse-tool-d3 0.0.4 → 0.0.5

package/dist/types/src/barChart.d.ts

@@ -0,0 +1,15 @@
+import { Chart } from 'billboard.js';
+export interface BarChartSeries {
+    name: string;
+    values: number[];
+}
+export interface BarChartData {
+    categories: string[];
+    series: BarChartSeries[];
+}
+export interface BarChartHandle {
+    chart: Chart;
+    destroy: () => void;
+    resize: () => void;
+}
+export declare function renderBarChart(data: BarChartData, renderTo: HTMLElement): BarChartHandle;

package/dist/types/src/index.d.ts

@@ -1,8 +1,11 @@
+import { Chart } from 'billboard.js';
 import { PresentationView } from '@dpuse/dpuse-shared/component/presentation';
+import { BarChartData } from './barChart';
 import { ErdDiagramData, ErdDiagramOptions } from './erdDiagram';
 import { NetworkDiagramData, NetworkDiagramOptions } from './networkDiagram';
 import { SankeyDiagramData, SankeyDiagramOptions } from './sankeyDiagram';
 import { TreeDiagramNode, TreeDiagramOptions } from './treeDiagram';
+export type { BarChartData, BarChartSeries } from './barChart';
 export type { ErdDiagramData, ErdDiagramEdge, ErdDiagramNode, ErdDiagramNodeTypeId, ErdDiagramOptions } from './erdDiagram';
 export type { NetworkDiagramData, NetworkDiagramLink, NetworkDiagramNode, NetworkDiagramOptions } from './networkDiagram';
 export type { SankeyDiagramData, SankeyDiagramLink, SankeyDiagramNode, SankeyDiagramOptions } from './sankeyDiagram';
@@ -14,7 +17,12 @@ export interface D3NetworkView extends D3View {
     destroy: () => void;
     triggerAutoLayout: () => void;
 }
+export interface D3BarChartView extends PresentationView {
+    chart: Chart;
+    destroy: () => void;
+}
 export declare class D3Tool {
+    renderBarChart(data: BarChartData, renderTo: HTMLElement, callback?: () => void): D3BarChartView;
     renderErdDiagram(data: ErdDiagramData, renderTo: HTMLElement, options?: ErdDiagramOptions, callback?: () => void): D3View;
     renderNetworkDiagram(data: NetworkDiagramData, renderTo: HTMLElement, options?: NetworkDiagramOptions, callback?: () => void): D3NetworkView;
     renderSankeyDiagram(data: SankeyDiagramData, renderTo: HTMLElement, options?: SankeyDiagramOptions, callback?: () => void): D3View;

package/dist/types/tests/barChart.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@dpuse/dpuse-tool-d3",
-    "version": "0.0.4",
+    "version": "0.0.5",
     "private": false,
-    "description": "A TypeScript wrapper for D3 that implements the Data Positioning chart-rendering interface, providing ERD (dagre), Sankey (d3-sankey), network (d3-force), and tree (d3-hierarchy) diagram renderers.",
+    "description": "A TypeScript wrapper for D3 and Billboard.js that implements the Data Positioning chart-rendering interface, providing ERD (dagre), Sankey (d3-sankey), network (d3-force), tree (d3-hierarchy), and bar chart (billboard.js) renderers.",
     "license": "MIT",
     "author": "Jonathan Terrell <terrell.jm@gmail.com>",
     "type": "module",
@@ -57,6 +57,7 @@
     "dependencies": {
         "@dagrejs/dagre": "^3.0.0",
         "@dpuse/dpuse-shared": "^0.3.758",
+        "billboard.js": "^4.0.3",
         "d3-drag": "^3.0.0",
         "d3-force": "^3.0.0",
         "d3-hierarchy": "^3.1.2",