D3PictSVG charts, built on d3

From one line to a polar chart, synchronized charts and your own components. Plain TypeScript, Vue or React.

Get started
See the showcase
D3Pict

  • One chart, built up

    Axes, series and renderers are objects you add to a chart. A line, bars, areas, candlesticks, a heatmap, a pie: the kind of chart is the renderer, and the rest stays.

  • Interactive, and in step

    Cursor, tooltip, legend, zoom and pan. Charts that share a domain follow each other, a polar chart and a cartesian one included.

  • Core, Vue or React

    The same objects everywhere. Components for Vue and React mount the chart and render the tooltip, the legend and your own content.

  • Yours to extend

    Titles and legends are made from public pieces, and so can your components be. Leave out what you do not want.