d3js-charts

Create your charts easy using d3.js library. This gem provides an opportunity to create any chart more easily!

Version

d3js-charts comes with version 3.3.7 of D3.js. and will track the always mirror the version of D3 it comes with.

Installation

Add this line to your Gemfile:

gem "d3js-charts"

Please note that D3 is provided via the asset pipeline and you do not need to copy their files into your application. Rails will get them from d3js-charts automatically.

Then add it to your manifest file, most probably at app/assets/javascripts/application.js:

//= require d3

and add to files sass app/assets/javascripts/application.scss:

    @import "d3js-charts/*";

Usage

Less-Common Charts:

    Treemap
    <%= treemap("http://0.0.0.0:3000/treemap.json") %>

    Streamgraph 
    <%= streamgraph("http://0.0.0.0:3000/streamgraph.csv") %>

    Radar Chart
    <%= radar_chart("http://0.0.0.0:3000/radar_chart.json") %>

    Polar Area Diagram
    <%= polar_area_diagram( "http://0.0.0.0:3000/polar_area_diagram.json" ) %>

    Bubble Chart
    <%= bubble_chart( "http://0.0.0.0:3000/bubble_chart.json" ) %>

Common Charts:

    Line Chart
    <%= line_chart( [1,2,3,4,5] ) %>

    Pie Chart
    <%= pie_chart( "http://0.0.0.0:3000/pie_chart.csv" ) %>

    Histogram Chart
    <%= histogram_chart( [ 0.3868526664824069, 0.4917571016462725, 
                       0.38783356112423817, 0.5401234418737314, 
                   0.41510852382870295, 0.46538050029079203 ] ) %>

    Vertical Bar Chart
    <%= vertical_bar_chart( "http://0.0.0.0:3000/vertical_bar_chart.tsv" ) %>

    Horizontal Bar Chart
    <%= horizontal_bar_chart( [1,2,3,4,5] ) %>

If you have some ideas or find problem, I'll be very happy to see you'r pull request or ussue!

========= to be continued... :)