Fork me on GitHub

Project Notes

#114

Testing out the D3-based Rickshaw time series graph library

Notes

Rickshaw is:

  • a JavaScript toolkit for creating interactive time series graphs
  • built on d3.js
  • open source (MIT license)
  • developed at Shutterstock
  • available on CDN (cdnjs)

See also:

Installation Options

  • download compiled sources from github
  • install with bower bower install rickshaw
  • install with npm npm install --save rickshaw
  • direct from CDN (cdnjs)

Using a CDN

Requires:

  • rickshaw css and js
  • d3 - but latest versions don’t work
  • optionally jquery ~>1.8.1

e.g.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.6.6/rickshaw.css" integrity="sha256-3vAiod7sePtPgQYpPMFvmDNLWVbCeYiEjb9p4lt3PXQ=" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.16/d3.min.js" integrity="sha256-uB5nPcWK8vr5e83snqtMUYJ2n/5TZ3PV9CCRk1pzob4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/rickshaw/1.6.6/rickshaw.js" integrity="sha256-F4WIKaQsZ/uUDfd1G2srG7DoLrveN3Q4LoaQ+4RI/PQ=" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

Quick Demo

See demo.html for a quick test of:

  • applying color palettes
  • loading data with AJAX

demo

Credits and References

About LCK#114 javascriptgraphics

This page is a web-friendly rendering of my project notes shared in the LittleCodingKata GitHub repository.

Project Source on GitHub Return to the LittleCodingKata Catalog
About LittleCodingKata

LittleCodingKata is my collection of programming exercises, research and code toys broadly spanning things that relate to programming and software development (languages, frameworks and tools).

These range from the trivial to the complex and serious. Many are inspired by existing work and I'll note credits and references where applicable. The focus is quite scattered, as I variously work on things new and important in the moment, or go back to revisit things from the past.

This is primarily a personal collection for my own edification and learning, but anyone who stumbles by is welcome to borrow, steal or reference the work here. And if you spot errors or issues I'd really appreciate some feedback - create an issue, send me an email or even send a pull-request.

Follow the Blog follow projects and notes as they are published in your favourite feed reader