A visualization represents data using a collection of graphical marks such as bars, lines, and point symbols. The attributes of a mark — such as its position, shape, size, or color — serve as channels in which we can encode underlying data values. With a basic framework of data t … | Continue reading
At Observable, we believe that business outcomes and decision-making can be greatly improved if everyone in a team can work with data and gain insights, together. The Observable platform provides a rich, collaborative canvas to explore data and create interactive visuals. Our com … | Continue reading
This guide to spatial data focuses on physical space and symbolic depictions of it on the scale most familiar to humans: geographic maps. Ordnance Survey has been making maps and collecting location data for centuries. We have always operated at the cutting edge of cartography, a … | Continue reading
🌬️+ 📊+ 💻 = 🖼️ this notebook is meant to inspire ideas on how one might use an otherwise mundane data source to create some beautiful graphics! The graphics above are generated using hourly wind data from one location over the course of 2 months. Th … | Continue reading
StackBlitz just announced WebContainers; however, while it gets released, we can run NodeJS in the browser remotely with Hal9. Hal9 is a JavaScript platform optimized for Artificial Intelligence; currently useful to scrape web data with puppeteer, but we are about to add support … | Continue reading
Primary Controls Secondary Controls Tertiary Controls (you probably don't need to touch these, but you seem nice, so here they are) Approach Emoji Rendering Details After a bit of experimentation it seems that the CSS line-height has a linear affect on the amount of vertical spac … | Continue reading
A double pendulum consists of two connected pendulums, rotating under the force of gravity. A compound double pendulum has the weight distributed along the weight of the arms rather than as point masses at the ends of strings. Sam Maksimovich recently created a lovely video in wh … | Continue reading
Dataflow is a new tool that lets you run, edit, and compile Observable notebooks locally on your own computer, with any text editor you want! If you have ever wanted to save + run Observable notebooks as files on your computer (for easier integration with git), then Dataflow will … | Continue reading
Movies During quarantine I’ve been watching a lot of terrible movies late at night. Often I watch them alone, making snarky comments to myself, “There’s no way she could make it downtown in 10 minutes during rush hour!” Sometimes I try to explain their horribleness to my partner … | Continue reading
No pie charts were harmed in the making of this logo. We are thrilled to announce Observable Plot, a new open-source JavaScript library for exploratory data visualization. Observable’s mission is to help everyone make sense of the world with data. To succeed, we need to make visu … | Continue reading
Introduction This notebook is an authentication server [okta, auth0, wikipedia]. It implements a generic Oauth 2.0 authorization_endpoint and token_endpoint. This is a technology that can enable a user to login to a service and execute private operations. You need one of these to … | Continue reading
NOTE: this notebook has lots of functionality and might take up to 10 seconds to load before the page becomes responsive. Please, be patient! This notebook displays play sequences (drives or possessions) for all 2009-2019 regular season NFL drives as an interactive Sunburst chart … | Continue reading
I've developed quite a bit of material for the teaching of PDEs over the last few months. This notebook organizes that material. Code Imports | Continue reading
These simulations represent the combination of an agent-based model and a continuum-based model in a way that was described in a 2010 paper by Jeff Jones on the transport networks of the true slime mold Physarum polycephalum. This setup gives rise to some surisingly complex emerg … | Continue reading
BigQuery is powerful, but expensive if misused, so you never want to grant BigQuery API access to the public. For dataviz, a cache of BigQuery data is preferred. But in the ObservableHQ world, we want to be transparent about how we prepared our cache. Ideally we would like to sho … | Continue reading
We’re excited to announce 🥳 some major improvements to collaboration on Observable: you can now invite up to 4 people to edit or view your notebooks! Collaborators can view each others’ edits and cursors in real-time — so called multiplayer 🎮. It’s like Google Doc … | Continue reading
Serverless cells connect a URL to a notebook cell. When the URL is called, the latest notebook is fetched from the public internet and run in a private environment using headless browser. You can figure out what code will be run, in advance, based on the URL alone. Of course, bec … | Continue reading
Did I learn anything from D3.js? Let’s see… In honor of D3 1.0’s tin anniversary, I thought I’d reflect on lessons learned. This isn’t intended to be too comprehensive or serious — just a handful of observations as I look ahead to the next ten years. But I hope a nugget or two wi … | Continue reading
Inspired by this HN post which leads to this article Force Directed Graph of the London Tube Map – including CrossRail!. Data from my project cheeaun/sgraildata which are gathered from various sources. It is also used in my other side project, RailRouter SG (GitHub). Interactivit … | Continue reading
My co-founder Mike Bostock and I met back in 2005, while we were working together at Google on the search quality team. We were building tools and experimentation frameworks for data scientists and developers to assess improvements to search. Our biggest challenge wasn’t processi … | Continue reading
A Decade of Growth and Gratitude Many of the world's iconic data visualizations have been created using D3. And that's because D3 has changed how the world visualizes data. From its release 10 years ago to today, it has transformed what and how dataviz is created in the world. In … | Continue reading
Over on the bivector.net discord chat, the question of how to build a PGA (Projective Geometric Algebra) version of the GLU lookat function popped up. In this notebook we'll build that function, making sure to do it in a way that maximizes the benefits gained by doing it in PGA. … | Continue reading
Genuary 2021: Day 27 -- Monochrome gradients without lines I used this notebook to create my entry for Day 27 of Genuary. (See my collection of entries here) The prompt for day 27 is: Monochrome gradients without lines. Browse the #genuary2021 hashtag on twitter to see some of th … | Continue reading
Here's how to create a density line chart. Each series is made of points plotted along a noisy sine wave, so the chart plots a total of data points. | Continue reading
BIP39 is a specification for describing a human-readable representation of a seed for use with HD Bitcoin wallets. This notebook lets you explore the relationship between entropy and the seed words that BIP39 uses to represent them. WARNING: DO NOT USE THIS PAGE FOR PRODUCTION SE … | Continue reading
Bthreads are the foundation of Behavioral Programming. This paradigm tries to make software-changes easier by being able to incrementally introduce a bthread that blocks something from happening. This is in contrast to most contemporary programming approaches where allowing/disal … | Continue reading
This notebook implements Jonathan McCabe's multiscale Turing patterns from the paper Cyclic Symmetric Multi-Scale Turing Patterns. I've previously collected a number of large renderings here and here with a live implementation here, but after receiving some questions about my pre … | Continue reading
Human behavior is often seasonal. People act differently on weekdays in winter than they do on weekends in summer, and these differences often show up even when you're not expecting them. Let's take view counts of Wikipedia pages as an example. Here's a chart of four years of dai … | Continue reading
Based on the Israel Central Beurau of Statistics Death and Life Expectancy data. Dots represent the daily deaths, the solid line is a moving average, and the black text towards the end of each month is the aggregated total deaths from the beginning of the year. Libraries | Continue reading
Lionel Radisson, alias makio135. I'm a designer/maker/teacher and for 10 years, I've been playing with creative code doing generative graphics, digital fabrication, web experiments, interactive installations, … Throughout these years, I've used many different tools including open … | Continue reading
Secrets enable trust, which enables connections. Connections build networks and groups. Groups coordinate and help one another. Secrets catalyse openness and transparency. In this notebook you can read and write secrets stored in Google Cloud Platform. In persuit of transparency … | Continue reading
The Observable zealot or, why I’m passionate about this particular place on the interwebs. Recently people have started twitting how much they enjoy Observable and what they do with it. I tried to cut down my contribution to 140 chars but it wouldn’t fit: I love notebooks. Since … | Continue reading
Why We're Building Observable Today is an exciting day for Observable as we share the platform, our community, and vision with the world. It has been so inspiring to build a platform with you. We want to share a bit more about why we started Observable. In 2004, Mike and I m … | Continue reading
Forecasting Election Results: An Interactive Tutorial Recently, as I was following the 🇺🇸 US elections 🇺🇸, I got puzzled by the fact that days after the elections happened some betting odds of Biden winning the elections were still below 90%, while … | Continue reading
Spinning out of control Can rotation be a useful animated encoding channel on maps? Using regl and earcut, it's possible to smoothly animate several thousand counties even with a high level of zoom. On the principle that anything possible must be good, let's try a quick … | Continue reading
An Observable notebook. | Continue reading
An Observable notebook. | Continue reading
An Observable notebook by Toph Tucker. | Continue reading
An Observable notebook by Brady Dowling. | Continue reading
An Observable notebook by Boris Vishnevsky. | Continue reading
An Observable notebook by Matt Diamond. | Continue reading
An Observable notebook by UW Interactive Data Lab. | Continue reading
An Observable notebook by Benjamin Schmidt. | Continue reading
An Observable notebook by Jacob Rus. | Continue reading
An Observable notebook by Tom Larkworthy. | Continue reading
An Observable notebook by Tom Larkworthy. | Continue reading
An Observable notebook. | Continue reading