4 ms·

Looks nice. It's great to see more d3-based charting libraries. I'm personally using Rickshaw[0] to power the charting of Giraffe[1], a light weight front-end f

Looks nice. It's great to see more d3-based charting libraries. I'm personally using Rickshaw[0] to power the charting of Giraffe[1], a light weight front-end for Graphite. Sorry for the plug, but it's important to give some context. One obvious thing that felt like Epoch was missing was hover-over info. At least I couldn't spot it on the examples. [0]https://github.com/shutterstock/rickshaw https://github.com/shutterstock/rickshaw [1]https://github.com/kenhub/giraffe https://github.com/kenhub/giraffe

jpkeisala 12y ago
Are there more d3 based libraries than the ones you mentioned?
- stollercyrus 12y ago
  I've used http://nvd3.org/ http://nvd3.org/ in the past.
- polskibus 12y ago
  try dc.js http://dc-js.github.io/dc.js/ http://dc-js.github.io/dc.js/
- buremba 12y ago
  there is also c3.js http://c3js.org/ http://c3js.org/
- dkersten 12y ago
  I've had great success with http://dimplejs.org http://dimplejs.org Makes common things easy and gets the hell out of your way when you want to customise things with D3.
  - paperwork 12y ago
    I'm a fan of dimple as well. I created custom tags for it[1] so you can draw charts in the following manner: <dimple-chart data="data" height="300" width="300" margin-bottom="15%" type="bar"> <dimple-axis position="y" type="measure" field="Awesomeness"></dimple-axis> <dimple-axis position="x" type="category" field="Word" orderBy="Word"></dimple-axis> <dimple-legend x="10" y="10" width="500" height="30" ></dimple-legend> </dimple-chart> I just started building this using Mozilla's x-tags. Mainly to clean up my own app, others are welcome to take a look. [1]https://github.com/falconair/dimple-chart https://github.com/falconair/dimple-chart
- NicoJuicy 12y ago
  I think Rickshaw is one of the best http://code.shutterstock.com/rickshaw/ http://code.shutterstock.com/rickshaw/ But there's also: http://tenxer.github.io/xcharts/ http://tenxer.github.io/xcharts/
- ninjaranter 12y ago
  Contour http://forio.com/contour/ http://forio.com/contour/
philbo 12y ago
I recently started using Giraffe as a dashboard for RUM performance data in my job. Good job man, thanks.
omgwow 12y ago
Hi, I'm Ryan, I wrote Epoch. Yes, I agree hover support would be nice. My take on the initial release was that I wanted to keep it super simple. So I decided that we should first build out the basic charts without any bells or whistles. To aid developers who need more than just the basics I also built out a small class hierarchy that allows you to override / modify the default chart behaviors. It's pretty clear that library needs better support for features like this moving forward. At the very least, there should be consistent and straightforward way to extend Epoch to help with these sorts of things. If anyone is interested in continuing the discussion I've opened up a new issue in the repository specifically targeting hover behaviors: https://github.com/fastly/epoch/issues/63 https://github.com/fastly/epoch/issues/63

jpkeisala 12y ago

Are there more d3 based libraries than the ones you mentioned?

stollercyrus 12y ago
I've used http://nvd3.org/ http://nvd3.org/ in the past.
polskibus 12y ago
try dc.js http://dc-js.github.io/dc.js/ http://dc-js.github.io/dc.js/
buremba 12y ago
there is also c3.js http://c3js.org/ http://c3js.org/
dkersten 12y ago
I've had great success with http://dimplejs.org http://dimplejs.org Makes common things easy and gets the hell out of your way when you want to customise things with D3.
- paperwork 12y ago
  I'm a fan of dimple as well. I created custom tags for it[1] so you can draw charts in the following manner: <dimple-chart data="data" height="300" width="300" margin-bottom="15%" type="bar"> <dimple-axis position="y" type="measure" field="Awesomeness"></dimple-axis> <dimple-axis position="x" type="category" field="Word" orderBy="Word"></dimple-axis> <dimple-legend x="10" y="10" width="500" height="30" ></dimple-legend> </dimple-chart> I just started building this using Mozilla's x-tags. Mainly to clean up my own app, others are welcome to take a look. [1]https://github.com/falconair/dimple-chart https://github.com/falconair/dimple-chart
NicoJuicy 12y ago
I think Rickshaw is one of the best http://code.shutterstock.com/rickshaw/ http://code.shutterstock.com/rickshaw/ But there's also: http://tenxer.github.io/xcharts/ http://tenxer.github.io/xcharts/
ninjaranter 12y ago
Contour http://forio.com/contour/ http://forio.com/contour/

philbo 12y ago

I recently started using Giraffe as a dashboard for RUM performance data in my job. Good job man, thanks.

omgwow 12y ago

Hi, I'm Ryan, I wrote Epoch. Yes, I agree hover support would be nice. My take on the initial release was that I wanted to keep it super simple. So I decided that we should first build out the basic charts without any bells or whistles. To aid developers who need more than just the basics I also built out a small class hierarchy that allows you to override / modify the default chart behaviors. It's pretty clear that library needs better support for features like this moving forward. At the very least, there should be consistent and straightforward way to extend Epoch to help with these sorts of things. If anyone is interested in continuing the discussion I've opened up a new issue in the repository specifically targeting hover behaviors: https://github.com/fastly/epoch/issues/63 https://github.com/fastly/epoch/issues/63