4 ms·

Any info on how they create these visualizations? Are they using any particular libraries or frameworks?

malanj 13y ago
There is a hint at a job posting for their Visual Data Team here: http://www.linkedin.com/jobs2/view/6994300 http://www.linkedin.com/jobs2/view/6994300 They ask for Experience in Javascript, JQuery, CSS, HTML, XML, HTML5 Experience in QGis, ArcGIS , Google Maps Api and large government open data APIs Expertise in standard design tools (Illustrator, InDesign, Photoshop) Also: source code references D3
ihsw 13y ago
D3.js http://d3js.org/ http://d3js.org/
mcormier 13y ago
Looks like d3 (http://d3js.org/ http://d3js.org/) with some jquery to me. Viewing the source supports that.
apaprocki 13y ago
I'll ask the team if they're using anything special beyond d3/jq. The team is run by Lisa Strausfeld, an MIT Media Lab alum. You can also find videos of her talking about them floating around Youtube, etc.
- mberning 13y ago
  That would be great, thanks. I suspected they were using d3, but based on how consistent some of their visualizations are with each other I suspect they have an in house library that they are using as well. Would be cool to hear from the source :)
  - ErikRogneby 13y ago
    yep d3: http://www.bloomberg.com/dataview/2014-04-17/global/js/d3.v2.js http://www.bloomberg.com/dataview/2014-04-17/global/js/d3.v2... and jquery cycle for the slide show: http://www.bloomberg.com/dataview/2014-04-17/js/jquery.cycle.all.js http://www.bloomberg.com/dataview/2014-04-17/js/jquery.cycle...
    - jsdiamond 13y ago
      JQuery Cycle is used for the IE<9 version, which is a slideshow of screenshots taken from the piece. Everything else is done with d3 and jquery as mentioned. We have a custom framework for these dataview pieces, all other work is just based on the same style guide. As seen here: http://www.bloomberg.com/visual-data/ http://www.bloomberg.com/visual-data/
mcphilip 13y ago
Whatever they used they deserve big credit for making it a great experience even on iOS. I was very surprised how well this worked on the iPhone.
aubergene 13y ago
I work on the team, but didn't do this interactive, but I sit next to the guy who did. The other comments in this thread are correct, it's d3 and some jQuery. D3 is an amazing library and well worth learning. Thanks for all the feedback, we're reading it all.

There is a hint at a job posting for their Visual Data Team here: http://www.linkedin.com/jobs2/view/6994300 http://www.linkedin.com/jobs2/view/6994300 They ask for Experience in Javascript, JQuery, CSS, HTML, XML, HTML5 Experience in QGis, ArcGIS , Google Maps Api and large government open data APIs Expertise in standard design tools (Illustrator, InDesign, Photoshop) Also: source code references D3

ihsw 13y ago

D3.js http://d3js.org/ http://d3js.org/

mcormier 13y ago

Looks like d3 (http://d3js.org/ http://d3js.org/) with some jquery to me. Viewing the source supports that.

apaprocki 13y ago

I'll ask the team if they're using anything special beyond d3/jq. The team is run by Lisa Strausfeld, an MIT Media Lab alum. You can also find videos of her talking about them floating around Youtube, etc.

mberning 13y ago
That would be great, thanks. I suspected they were using d3, but based on how consistent some of their visualizations are with each other I suspect they have an in house library that they are using as well. Would be cool to hear from the source :)
- ErikRogneby 13y ago
  yep d3: http://www.bloomberg.com/dataview/2014-04-17/global/js/d3.v2.js http://www.bloomberg.com/dataview/2014-04-17/global/js/d3.v2... and jquery cycle for the slide show: http://www.bloomberg.com/dataview/2014-04-17/js/jquery.cycle.all.js http://www.bloomberg.com/dataview/2014-04-17/js/jquery.cycle...
  - jsdiamond 13y ago
    JQuery Cycle is used for the IE<9 version, which is a slideshow of screenshots taken from the piece. Everything else is done with d3 and jquery as mentioned. We have a custom framework for these dataview pieces, all other work is just based on the same style guide. As seen here: http://www.bloomberg.com/visual-data/ http://www.bloomberg.com/visual-data/

mcphilip 13y ago

Whatever they used they deserve big credit for making it a great experience even on iOS. I was very surprised how well this worked on the iPhone.

aubergene 13y ago

I work on the team, but didn't do this interactive, but I sit next to the guy who did. The other comments in this thread are correct, it's d3 and some jQuery. D3 is an amazing library and well worth learning. Thanks for all the feedback, we're reading it all.