vego-d3

## Usage ``` javascript import { LineChart, AreaChart, StackChart } from 'vego-d3'

Usage no npm install needed!

<script type="module">
  import vegoD3 from 'https://cdn.skypack.dev/vego-d3';
</script>

README

Vego + D3 -- canvas charts

Usage

import { LineChart, AreaChart, StackChart } from 'vego-d3'

const keys = ['startTime', 'avgLatency', 'p95AvgLatency', 'p99AvgLatency'];
import data from '../data/data-1.json';

new LineChart(c1, {
    keys,
    data: data.result.data,
    padding: {
        left: 30,
        right: 20,
        top: 20,
        bottom: 50,
    },
}).render({tickY: 4 , tickX: 8, chosen: [0, 1, 2]});

data format

Keys matches every rows in data

  • keys: Array
  • data: Array<Array>