Skip to content
D3plus

Data visualization made easy.

An open-source TypeScript library that extends D3 to create beautiful, interactive visualizations with minimal configuration. Tooltips, color assignments, label placements, and more, all handled automatically.
Get startedBrowse chartsGitHub
Treemap
const config = {
  data: [
    {id: "alpha", value: 29},
    {id: "beta", value: 10},
    {id: "gamma", value: 2},
    {id: "delta", value: 29},
    {id: "eta", value: 25},
  ],
  groupBy: "id",
  sum: "value",
};

Install

Section titled “Install”

Pick your framework; the examples across the site follow your choice.

Terminal window
npm install @d3plus/core

Or load the bundle from a CDN, which defines a global d3plus:

<script src="https://cdn.jsdelivr.net/npm/@d3plus/core"></script>

Chart types

Section titled “Chart types”

Every chart takes the same kind of configuration object.

Built with D3plus

Section titled “Built with D3plus”