Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

NVD3.js: re-usable charts for d3.js

novus.github.com

Post reply on HN
Print view View original

21–30 of 50 posts

Re: NVD3.js: re-usable charts for d3.js

#21

Post by borgar »

kfk wrote: post #7

Somebody has to really manage to make d3 run on 7<=IE<10. This is a powerful technology for businesses, it may even replace Power Point (the famous software for torture) for some things (especially those that are updated often since you still do this manually in PP). But it needs to run decently and painlessly in IE.

I have implemented IE support for Protovis, D3's predecessor (https://github.com/DataMarket/protovis-msie). I have also examined doing similar things for D3 but decided it is a dead end. D3 could be patched to work with VML just as it does with SVG but it would mean maintaining all chart drivers in duplicate.

Re: NVD3.js: re-usable charts for d3.js

#22

Post by bobmonteverde »

TeMPOraL wrote: post #18

Very nice, I'll be definitely looking into it closer. [1] seems to have a bug. When you disable a particular line by clicking it on the graph legend, if you attempt to disable another line you end up re-enabling the first one. http://novus.github.com/nvd3/ghpages/line.html

Not a bug, I did this by design. When you try to disable the last series, all series become enabled. There's no point, IMO, of disabling all series.

Re: NVD3.js: re-usable charts for d3.js

#24

Post by bobmonteverde »

kfk wrote: post #7

Somebody has to really manage to make d3 run on 7<=IE<10. This is a powerful technology for businesses, it may even replace Power Point (the famous software for torture) for some things (especially those that are updated often since you still do this manually in PP). But it needs to run decently and painlessly in IE.

IE9+ right now. I'd attempt to get IE8 working, but would likely hinder me from using more advanced features of SVG and JS... so not sure if I will be attempting to get and IE less than 9 to work

Re: NVD3.js: re-usable charts for d3.js

#25

Post by bobmonteverde »

rurounijones wrote: post #6

They look great and we can never have enough cool JavaScript graphing technologies. However the performance of these graphs is currently too slow for me. When I hover my mouse over a line the response is very stuttery while flot and highcharts are smooth as silk.

Chrome (and any webkit) performs pretty good IMO. Working on getting Firefox and IE9 up to speed. I will be allowing transitions to be disabled, which should help out a bit.

Re: NVD3.js: re-usable charts for d3.js

#26

Post by bobmonteverde »

rkthkr wrote: post #13

Anyone got any examples using NVD3.js or d2.js to render charts from constantly updating data? Like reading a websocket stream or query a json source every 2s and updating chart.

I haven't gotten to real time time series... but they will be coming soon.

Re: NVD3.js: re-usable charts for d3.js

#27

Post by bobmonteverde »

beshrkayali wrote: post #9

would love to see circle packing charts in this...

Will be adding more and more models as I go... right now just taking care of what I need immediately for work. Really a can't wait till I get a chance to implement some of the more unique charts.

Of course people are always welcome to contribute some new models, and I'll do my best to keep them consistent with everything else.

Re: NVD3.js: re-usable charts for d3.js

#29

Post by bobmonteverde »

eric_bullington wrote: post #4
angusgr wrote: post #3

Does anyone have any other recommendations for other interesting JS charting frameworks to evaluate? I'm using flot at the moment, I'm really keen to have a dig around in this now. (My particular sunny day wish list is for live & historical scientific strip chart style data logging: flexible date support, intuitive horizontal timeline dragging & zooming, live updating, line charts with gaps in them, rendering largish…

Yes, this framework. You can do all those things and much, much more using the d3 toolkit this is built on. It's a complex and powerful framework (and relatively low-level, which is why this was meta-framework was built, apparently). But if you invest some time learning it, you'll be able to use mold these components any way you wish.

Yup, trying to stick to the "d3 way" as much as possible. I need to work on some better examples, and maybe a tutorial or two. But you can always check out all the information on d3js.org, most of it should be very relevant.

Re: NVD3.js: re-usable charts for d3.js

#30

Post by ansman »

SkyMarshal wrote: post #19
rkthkr wrote: post #13

Anyone got any examples using NVD3.js or d2.js to render charts from constantly updating data? Like reading a websocket stream or query a json source every 2s and updating chart.

What is this d2.js? I'm finding nothing about it on Google or Github...

Most likely a typo, I'm fairly sure he/she meant d3.js
Post reply on HN