Comments (9)
I have made the README docs more explicit: https://github.com/d3plus/d3plus-react/blob/master/README.md
You pass an Object
to the config prop, and that object contains keys that match the methods you would be setting.
from d3plus-react.
from d3plus-react.
from d3plus-react.
@sanchamp d3plus-react only works with the d3plus charting libraries, which are all found here: https://github.com/d3plus
from d3plus-react.
from d3plus-react.
@sanchamp d3plus can handle loading the file for you, and you can supply a custom dataFormat
prop that formats the loaded data:
import React, { Component } from "react";
import { LinePlot } from "d3plus-react";
class Timedown extends Component {
formatter(data) {
return data.map(d => ({ ...d, x: Number(d.year), y: Number(d.value) }));
}
render() {
const config = {
data: "./data/d3plus.csv",
x: "year",
y: "value",
text: "name"
};
return <LinePlot config={config} dataFormat={this.formatter} />;
}
}
export default Timedown;
from d3plus-react.
Thanks for your reply Dave, code still not working!
from d3plus-react.
Hello Dave, I'm getting issue as "You need to enable JavaScript to run this app." even if the javascript is enabled for browser
from d3plus-react.
Thank you Dave, I got the solution. No need to reply.
from d3plus-react.
Related Issues (20)
- Issues in creating a grouped horizontal bar chart HOT 1
- hide tooltips associated with visualization when removing the visualization HOT 4
- Network error when using string value matching the id of the node in links HOT 3
- visualizations no longer setting default className to viz HOT 1
- Bubbles Drilldown? HOT 5
- How to change the color of the links in a network? HOT 2
- How to change the color of the links in a network? HOT 1
- export ColorScale and Legend classes HOT 1
- Active function in Network component HOT 1
- Tool Tips remain after GeoMap page is unloaded and browser displays another 'page'. HOT 2
- improve default base styles HOT 1
- .d3plus.js documentation in README out of date HOT 1
- Percentage on custom treemap label HOT 1
- bar charts axis starting at non-zero HOT 1
- create React wrappers for non-viz classes
- remove *Format functions after updating d3plus-viz
- update to use new React context HOT 6
- Legend and Tooltip styling HOT 2
- v.1.2.0 does not have required packages HOT 2
- Custom hover behavior HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from d3plus-react.