0.4.3 • Published 5 years ago
@saypr/bubble-chart v0.4.3
Bubble Chart
Installation
npm: npm install @saypr/bubble-chart --save
yarn: yarn add @saypr/bubble-chart
Usage
Javascript
import { BubbleChart } from '@saypr/bubble-chart';
const data = [{value: 100}, {value: 150}, {value: 70}];
const svg = document.querySelector('svg');
const chart = new BubbleChart(svg, data);
React (wip)
import { BubbleChart, Bubble, Visual, ToolTip } from '@saypr/bubble-chart/react';
const MyComp = () => {
return (
<BubbleChart size={[1000, 1000]}>
<Bubble radius={200} stroke="blue" fill="red">
<Visual>
<span>This will be placed into center of the circle</span>
</Visual>
<ToolTip>
<div>This will be shown on mouse hover as tooltip content</div>
<ToolTip>
</Bubble>
{/*More <Bubble>*/}
</BubbleChart>
);
}
0.4.3
5 years ago
0.4.2
5 years ago
0.4.1
5 years ago
0.4.0
5 years ago
0.3.13
5 years ago
0.3.12
5 years ago
0.3.11
5 years ago
0.3.10
5 years ago
0.3.9
5 years ago
0.3.7
5 years ago
0.3.6
5 years ago
0.3.5
5 years ago
0.3.4
5 years ago
0.3.3
5 years ago
0.3.2
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.2.3
5 years ago
0.2.2
5 years ago
0.2.1
5 years ago
0.2.0
5 years ago
0.1.0
5 years ago