Code Monkey home page Code Monkey logo

d3-horizon-chart's People

Contributors

kmandov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

d3-horizon-chart's Issues

responsive?

This looks really nice.
Have you considered trying to make the width of the charts responsive?

Support negative values

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:
image

This is what cosine looks like (at the time of writing):
image

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.

Most basic example?

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!

bands argument instead of colors driving bands

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!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.