d3.js 在 React 中用于 3d 图表

Question

I'm searching for js package, I want to create 3d calendar or 3d heatmap like below (below it's rayshader from R) for my React map, I wonder if some d3.js would be suitable for this, but d3.js seems to be incompatible, as它使用实际的，而不是像 React 那样的虚拟 DOM。

Answer 1

当然，您可以使用 D3 与范围。 有一些库可以让这变得简单，这里有一个：

https://react-d3-library.github.io/

import React from 'react';
import node from './diagram';
import rd3 from 'react-d3-library';
const RD3Component = rd3.Component;

module.exports = React.createClass({

  getInitialState: function() {
    return {d3: ''}
  },

  componentDidMount: function() {
    this.setState({d3: node});
  },

  render: function() {
    return (
      <div>
        <RD3Component data={this.state.d3} />
      </div>
    )
  }

});