kmandov / d3-horizon-chart Goto Github PK
View Code? Open in Web Editor NEWD3.js plug-in that draws horizon charts using canvas
Home Page: http://kmandov.github.io/d3-horizon-chart/
License: MIT License
D3.js plug-in that draws horizon charts using canvas
Home Page: http://kmandov.github.io/d3-horizon-chart/
License: MIT License
Hi :)
I want to use this plugin. However, it doesn't support negative values yet, and that's a dealbreaker. I'd like to help, but at the time of writing I have no experience with coding d3 plugins. Instead, I created a little test that could be useful when implementing proper support for negative values.
These are the colors that I set:
This is what cosine looks like (at the time of writing):
http://iver.io/stuff/d3-horizon-chart.html
I was expecting to see all the variants of blue in the negative parts of the cosine series.
Thanks so much for doing this; d3-horizon-chart
is incredibly helpful! I have integrated in an R
htmlwidget
called d3horizonR
. colors
as a driver of n bands
works fine, but I very much like the explicit bands
argument with just the outer colors as in the horizon
d3-plugin (adapted to d3v4
here). I am happy to submit pull but wanted to make sure you agreed with the change before expending the effort.
Thanks again!
This looks really nice.
Have you considered trying to make the width of the charts responsive?
I really like the idea of this but its hard to get into at first.
If possible could you put up an example with the absolute minimum?
Is the data array 1 dimensional ( y values only) or can it be 2 dimensional with x & y values?
Assuming I only have 1 div (#horizon), would the code be:
d3_selection.select("#horizon")
.data(d3_array.range(0, 3).map(random))
.enter()
.append('div')
.attr('class', 'horizon');
d3_horizon_chart.horizonChart()
.height(200)
.colors(["#abd9e9", "#fee090"]);
Thanks!
Is there any example with Axis label?
Something like this
https://3wqjvwh65v-flywheel.netdna-ssl.com/wp-content/uploads/2015/12/the-pulse-of-the-city.png
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.