View BarChart.js
import React, { Component } from "react";
import * as d3 from "d3";
import { XAxis, YAxis, YGrid, Bars } from "./BarChart_Parts.js";
class BarChart extends Component {
constructor(props) {
super();
this.xScale = d3.scaleBand();
this.yScale = d3.scaleLinear().nice();
View .block
license: mit
height: 500
border: no
View README.md

A-frameとD3を組み合わせて使うサンプル。

localで動かしたいときは以下を。

$ git clone git@gist.github.com:2675d59f526a80b02d8db8c26ab0e45d.git
$ cd 2675d59f526a80b02d8db8c26ab0e45d
$ npm install
$ npm start
View README.md

A-frameとD3を組み合わせて使うサンプル。

localで動かしたいときは以下を。

$ git clone git@gist.github.com:2675d59f526a80b02d8db8c26ab0e45d.git
$ cd 2675d59f526a80b02d8db8c26ab0e45d
$ npm install
$ npm start
View .block
license: mit
View .block
license: mit
height: 600
View .block
license: mit
height: 980
View .block
license: mit
View .block
license: mit