#d3-charts

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

Version

d3-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 "d3-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 d3-charts automatically.

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

//= require d3

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] ) %>

You can see how it works http://charticus.herokuapp.com.

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

TODO

1. tests :)
2. other charts
3. refactoring

to be continued... 😼

Do not hesitate to be included into development. I'm waiting for your pull requests!