2.0.5-alpha.0 • Published 2 years ago
@antv/smart-board v2.0.5-alpha.0
English | 简体中文
✨ Features
- Auto-Dashboarding: Automatically compute dashboarding configurations based on input chart schemas.
- Dashboard Drawing: Provides a React component
SmartBoardDashboard
for Dashboard drawing based on the above configurations. - Combine with Insight: Easily combined with LiteInsight for better visualize insights behind data.
The pipeline of SmartBoard:
📦 Installation
$ npm install @antv/smart-board
🔨 Getting Started
import { SmartBoard, SmartBoardDashboard } from '@antv/smart-board';
const cars = 'https://cdn.jsdelivr.net/npm/vega-datasets@2/data/cars.json';
const InputChart = [
{
dataUrl: cars,
subspace: [],
dimensions: ['Origin'],
measures: ['Horsepower'],
fieldInfo: {
Origin: {
dataType: 'string',
},
Horsepower: {
dataType: 'number',
},
},
insightType: 'outlier',
score: 0.5,
chartType: 'column_chart',
},
{
dataUrl: cars,
subspace: [],
dimensions: ['Year'],
measures: ['Acceleration'],
insightType: 'trend',
score: 0.8,
chartType: 'line_chart',
},
];
const smartBoard = new SmartBoard(InputChart);
const dashboardContent =
(<SmartBoardDashboard
chartList={InputChart}
interactionMode={'defaultMode'}
chartGraph={smartBoard?.chartGraph}
chartOrder={smartBoard?.chartOrder('byCluster')}
chartCluster={smartBoard?.chartCluster()}
/>);
📖 Documentation
For more usages, please check the API Reference
📄 License
MIT
2.0.5-alpha.0
2 years ago
2.0.4
2 years ago
2.0.4-alpha.0
3 years ago
2.0.4-beta.0
3 years ago
2.0.3
3 years ago
2.1.0-alpha.0
3 years ago
2.0.1-alpha.0
3 years ago
2.0.1-alpha.1
3 years ago
2.0.1-alpha.2
3 years ago
2.0.0
4 years ago
2.0.0-alpha.2
4 years ago
2.0.0-alpha.1
4 years ago
2.0.0-alpha.0
4 years ago