Project

d3-charts

0.01
No commit activity in last 3 years
No release in over 3 years
This gem provides view helpers to create d3.js charts easily
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
 Dependencies

Development

>= 3.1

Runtime

>= 3.1
 Project Readme

#d3-charts Gem Version Code Climate

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!