Javascript

19 posts
Observable Plot, a JavaScript library for more straightforward visualization of tabular data

If you’re into the notebook workflow, Observable Plot is a JavaScript library built for you: We created Plot to better support exploratory data analysis in reactive, JavaScript notebooks like Observable. We continue to support D3 for bespoke explanatory visualization and recommend Vega-Lite for imperative, polyglot environments such as Jupyter. Plot lets you see your ideas quickly, supports interaction with minimal fuss, is flexible with respect to data, and can be...

0 0
Guide for React with D3.js

Amelia Wattenberger wrote a guide on how you can use the JavaScript library React with D3.js. I know next to nothing about the former, but probably should, so this was useful. Tags: Amelia Wattenberger, D3, JavaScript, React

0 0
Small JavaScript library for density plots

Twitter released a small JavaScript library to make density plots — for when you have a lot of overlapping points and could use some granular binning. Feed a method an array of thousands of x-y coordinates, and the library takes care of the rest. Tags: JavaScript, Twitter

0 0
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