Bubble Chart for Web Applications
npm install @saypr/bubble-chartnpm: npm install @saypr/bubble-chart --save
yarn: yarn add @saypr/bubble-chart
``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);
`
`jsx
import { BubbleChart, Bubble, Visual, ToolTip } from '@saypr/bubble-chart/react';
const MyComp = () => {
return (
This will be placed into center of the circle
This will be shown on mouse hover as tooltip content
{/More
);
}
``