Archive | data visualization

RSS feed for this section

How to make a modern dashboard with NVD3.js

NVD3.js is a JavaScript visualization library that is free to use and open source. It’s derived from the well-known d3.js visualization library. When used the right way, this library can be extremely powerful for everyday tasks and even business operations.

For example, an online dashboard. We can use NVD3.js to compile data into a centralized space that visualizes the information in neat charts and graphs. That’s what we’re going to look at in this post.

Making a dashboard with NVD3.js …

The post How to make a modern dashboard with NVD3.js appeared first on CSS-Tricks.

Ship Map

Interactive maps can both be functional and, when combined with data, tell a good story. Kiln released this data-driven map (make sure to hit the play button) to show the routes of every cargo ship moving about on the high seas in 2012.

Created by London-based data visualisation studio Kiln and the UCL Energy Institute

How something like this is created can be mind-boggling. Kiln has a service called Flourish that helps with the lifting and we recently shared Observable

The post Ship Map appeared first on CSS-Tricks.

Ship Map

Interactive maps can both be functional and, when combined with data, tell a good story. Kiln released this data-driven map (make sure to hit the play button) to show the routes of every cargo ship moving about on the high seas in 2012.

Created by London-based data visualisation studio Kiln and the UCL Energy Institute

How something like this is created can be mind-boggling. Kiln has a service called Flourish that helps with the lifting and we recently shared Observable

The post Ship Map appeared first on CSS-Tricks.

Observable

Observable launched a couple of weeks ago. As far as I understand, it’s sort of like a mix between CodePen and Medium where you create “notebooks” for exploring data, making nifty visualizations.

Check out this collection of visualizations using map integrations as an example. The entries are not only nice demos of the libraries or technology being used (i.e. D3, Google Maps, Leaflet, etc.), but also make for some interesting infographics in themselves.

In a note about this interesting new …


Observable is a post from CSS-Tricks

Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions

I work on a large team with amazing people like Simona Cotin, John Papa, Jessie Frazelle, Burke Holland, and Paige Bailey. We all speak a lot, as it’s part of a developer advocate’s job, and we’re also frequently asked where we’ll be speaking. For the most part, we each manage our own sites where we list all of this speaking, but that’s not a very good experience for people trying to explore, so I made a demo that makes it …


Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions is a post from CSS-Tricks