React components for d3plus visualizations

d3plus-react

React components for d3plus visualizations.

Installing

Use npm install d3plus-react -S to install the package as a dependency. And then use the components in your React project like this:

import {Treemap} from "d3plus-react";

const methods = {
  groupBy: "id",
  data: [
    {id: "alpha", value: 29},
    {id: "beta",  value: 10}
  ],
  size: d => d.value
};

<Treemap config={methods} />

Additionally, a file named .d3plus.js needs to exist in the root path of your project. This file should contain all global styles to be applied to the visualizations (passed to the .config( ) method). Here is an example that makes all of your visualizations use the best font ever created:

export default {
  shapeConfig: {
    fontFamily: "Comic Sans MS"
  }
};

API Reference

AreaPlot <>

This is a global class, and extends all of the methods and functionality of Viz.

BarChart <>

This is a global class, and extends all of the methods and functionality of Viz.

BumpChart <>

This is a global class, and extends all of the methods and functionality of Viz.

Donut <>

This is a global class, and extends all of the methods and functionality of Viz.

Geomap <>

This is a global class, and extends all of the methods and functionality of Viz.

LinePlot <>

This is a global class, and extends all of the methods and functionality of Viz.

Network <>

This is a global class, and extends all of the methods and functionality of Viz.

Pack <>

This is a global class, and extends all of the methods and functionality of Viz.

Pie <>

This is a global class, and extends all of the methods and functionality of Viz.

Plot <>

This is a global class, and extends all of the methods and functionality of Viz.

Priestley <>

This is a global class, and extends all of the methods and functionality of Viz.

Radar <>

This is a global class, and extends all of the methods and functionality of Viz.

Rings <>

This is a global class, and extends all of the methods and functionality of Viz.

Sankey <>

This is a global class, and extends all of the methods and functionality of Viz.

StackedArea <>

This is a global class, and extends all of the methods and functionality of Viz.

Tree <>

This is a global class, and extends all of the methods and functionality of Viz.

Treemap <>

This is a global class, and extends all of the methods and functionality of Viz.

Viz <>

This is a global class, and extends all of the methods and functionality of React.Component.

• Viz ⇐ React.Component
  • new Viz()
  • .module.exports

# new Viz()

# Viz.module.exports <>

GitHub