Javascript

4 posts
Arquero, a JavaScript library to query and transform datasets

An often painful yet necessary step in visualization is to get your data in the right format. Arquero, from the University of Washington Interactive Data Lab, aims to make this part of the process easier: Arquero is a JavaScript library for query processing and transformation of array-backed data tables. Following the relational algebra and inspired by the design of dplyr, Arquero provides a fluent API for manipulating column-oriented data frames....

0 0
Two.js for two-dimensional drawing and animation in modern web browsers

“Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise.” It also renders in webgl, canvas2d, and svg, with not much change in your code. Two.js is definitely going on my list of things to try. Tags: animation, JavaScript

0 0
Layer Cake, a graphics framework for more flexible web graphics

Michael Keller released a new version of Layer Cake: Layer Cake is a graphics framework built on top of Svelte. It measures your target div and your data and creates scales that stay synced on layout changes. Use these scales to organize multiple, mostly-reusable Svelte components, whether they be SVG, HTML, Canvas or WebGL. Since they all share the same coordinate space, you can build your graphic one layer at...

0 0
✚ How to Make Interactive Frequency Trails with D3.js

Layering time series data or distributions with this method can change the feel and aesthetic versus a multi-line chart or small multiples. In some cases, frequency trails let you show more in less space. Read More

0 0
xkcd-style charts in JavaScript

For xkcd fans, here’s a JavaScript library by Tim Qian that lets you style your charts like xkcd. There’s something about sketchy, comic-style charts that makes the data feel more approachable. Maybe just because it’s different or looks more casual? I mean, I would use the style sparingly and maybe not in your next business meeting, but it’s kind of fun to mess with. You can also do this in...

0 0
Animating a lot of dots with WebGL and REGL.js

A couple of weeks ago, The Washington Post visualized 13,000 school districts using moving bubbles. Post graphics reporter Armand Emamdjomeh describes how they did it. Saving this for later. Tags: JavaScript, REGL, WebGL

0 0
✚ Getting Started with D3.js

Learn how to build a custom visualization using D3.js and get acquainted with the popular JavaScript library. Read More

0 0
✚ How to Make an Interactive Map of Geographic Paths

With latitude and longitude coordinates, there are a number of ways to map geographic data using D3.js and Leaflet. Read More

0 0
Scrollama.js, a JavaScript library for scrollytelling

Russell Goldenberg released Scrollama.js in an effort to make scrollytelling more straightforward to implement. Scrollytelling can be complicated to implement and difficult to make performant. The goal of this library is to provide a simple interface for creating scroll-driven interactives and improve user experience by reducing scroll jank. It offers (optional) methods to implement the common scrollytelling pattern to reduce more involved DOM calculations. For lack of a better term,...

0 0
Visualize large datasets with deck.gl

deck.gl is an open source framework developed by Uber to visualize large datasets (mainly geospatial ones, naturally). It started as an internal tool but was released to the public in November last year. Uber just released the next iteration of the package, which handles a bunch more use cases. Bookmarked it. Tags: JavaScript, Uber, WebGL

0 0