Sometimes I think a little bit of interaction can make concepts easier to understand, or allow you to visualize "What If" situations. Building interaction is quite laborious but I think there is a neat trick using Plot's scales to automatically convert from mouse space to dataspace in quite a general way. https://observablehq.com/@tomlarkworthy/manipulate Then instead of thinking that the data driving a plot is a externally static thing, you can consider it a designable control surface for the Pointer transform.

Here's a simple library that detects the user's OS dark mode preference. Observable notebooks don't support dark mode, but with this you can still support it in your cells: https://observablehq.com/@jerryjappinen/dark-mode

Every Friday, my dataviz team at work does a Dataviz Deep Dive, where someone shares a topic they have been learning about with the group. We were critiquing a line graph and I mentioned I liked the choice in monotonic splines between data points because it wouldn't overshoot a min or max. Some people weren't familiar with the different spline types, so last Friday I presented a deep dive on the curve functions available in D3 and when to choose one over the other. I made a notebook that graphs the points in the SVG path code so you can drag the data points around and really see the difference in curve types. In the future, I might add an optional curvature comb, and try creating custom curves not in D3, like the Hobby spline or the Euler spline. Notebook: https://observablehq.com/d/8fca95d76f562ff6 Do you guys know of any other cool Bezier splines features I could add?

This message was deleted.

using Plot for some NBA statistical analysis at the play-by-play level here's my current baby:

Each shot is a dot/circle - made/missed are colored blue/red Blue line is moving average window of how long the team is taking between shots green and red lines are ^ but for made/missed shots

this one is based on opponents with good defense

Hi everyone here is an IEEE VIS Co-authorship/citation network that I built using reactive widgets https://johnguerra.co/viz/visPubNetwork/ And here is the supporting notebook. In case you want to help me distribute https://bsky.app/profile/johnguerra.bsky.social/post/3lljo2a6i7k26 https://vis.social/@jguerra/114246476850919918

Hey everyone! 👋 I'm currently working on a project and would love some feedback or support from this awesome group. I’ve been working on the requirements to build the graph showing data visualization of this data structure: Test Run (1) |----Test Suite (0..n) |---Test Case (0..n) |---Test Folder (0..n) |---Test Case (0..n) I tried with data on this workspace, you can check it out to see the data and the graph, but my requirement want to locate TestRun node position at the center of the chart container, I have no idea how to handle that, hope everyone here can support me. https://observablehq.com/@thu-workspace/disjoint-force-directed-graph I'm open to any suggestions, ideas, or resources you think might help improve it. Big thanks in advance — really appreciate the help! 🙏 Let me know if you’ve got time to chat or collaborate!

I made a (directed) radial network diagram using Observable Plot...I’m continuously amazed by what you can do with it! Originally, I used it to map initiatives at our company, but in this version, I’ve swapped those out for a fictional ecosystem. The code is still a bit brittle and "hacky," so I’d really appreciate any tips on how to improve it. Thank you! https://observablehq.com/d/4a52e3781ccd554c

Does anyone know if Google Analytics will work with Framework projects? And if so, how/where to add the GA snippets? I've tried a bunch of different ways but I feel like I'm getting farther away from the answer... I'm trying to track how many clicks a button on my page gets, so if there is an easier way to do that besides GA, would love to hear about it! Thanks!

Hi all, anyone want to submit a talk to OSA Con? You still can! We’re looking for devs & data folks building with open source tools. Last year we had 2,000+ devs register for the conference, this year we are hoping for more. Join us :) https://sessionize.com/osacon-2025/

I'm making a 3D color picker that lets you drag to change the color. It is still a work in progress, but it is finally to the point I find it useful for making color palettes! I'd love to hear any feedback about how to make it better: https://observablehq.com/d/ef1d08dd03704d74

Hi everyone. I've enjoyed jumping in to learn about graphing with Plot and about Javascript in general with Observable Notebooks. Here's a recent project I made to visualize some of the long-term data from a citizen science project I participate in, combining some maps, graphs, and table-wrangling. https://observablehq.com/@anoved/bbs-data-explorer

👋 Hi everybody! We just published a new post on Reshaping data for visualizations with Observable Plot and D3, with a companion notebook where you can see our code to do the different transformations. If you (like me) have wanted to reuse chart examples made with Plot or D3, but hit a speed bump when trying to get your data into the expected shape, give it a read & get your data in shape 💪

Another small project as I learn about different APIs and ways to format output in Observable Notebooks - a National Weather Service forecast. https://observablehq.com/@anoved/nws-forecast

Hi all, anyone have an example dashboard showing accounting / finance use cases? P&L, FP&A, etc?

Hi all, I am writing to request some help with a Collection of Maps that don't output greek characters correctly (example here: https://observablehq.com/@fotisz/greek-maps-and-administrative-boundaries-3-public?collection=@fotisz/greek-maps-and-administrative-boundaries). The issue happens in multiple notebooks in that collection and shows up like : ������ ���������� ����������, although these should be characters from the greek alphabet. Does anyone know if that encoding issue would be due to the shp/dbf files not having sufficient encoding declarations?

🚀 The Open Source Analytics Community is hosting a great lineup of events over the next two months! 📍 Oct 23 – Open Lakehouse and AI (London, UK). Register here. 💻 Nov 4–5 – Open Source Analytics Conference (Virtual). Register here. 📍 Nov 9 – Real Time Data Lakes and AI (Atlanta). Register here. 📍 Nov 18 – Real Time Data Lakes and AI (Seattle). Register here. 📍 Nov 20 – Real Time Data Lakes and AI ft. ClickHouse®, RisingWave, LanceDB, Dremio, and S3 (San Francisco). Register here. If you're in town, join us! P.S. Some locations still need a speaker. If you're interested, let me know!

✨ New Creator Spotlight: Dr. @Philip Bogden! Using Observable Framework and Plot, Dr. Bogden built an interactive, HIPAA-compliant web app that helped oncology researchers explore complex survey data and uncover patterns in how patients respond to uncertainty. Check out how he used Observable to bring visualization, iteration, and communication together → https://observablehq.com/blog/making-science-visible-dr-philip-bogden-bringing-data-visualization-to-cancer-research

I made a 3D solar system path visualizer that takes data from JPL's Horizon Systems and traces the path of planets and moons. You can chose to center the perspective on any body to see the path of the surrounding planets and moons from that observation point. Venus' orbit especially make a nice star pattern when the perspective is centered on the earth. Since this is from actual ephemeris data, you can see all the nuances and subtleties of the orbits. Speeding up the moon's path around the earth, for instance, reveals the irregularity over time. I'm new to astronomy. If anyone here is an armature or professional astronomer, I'd love to hear about resources or interesting topics. One day, I would love to make an astronomical clock for a smart watch, and am curious about cultural calendars and holidays from around the world. https://observablehq.com/d/8b01545347057429

Visualizing partially ordered sets (posets) is very helpful for understanding group theory. Unfortunately, most advanced mathematics software don't make good graphs. For example, power of 2 group lattice looks like it was made with graph viz. I've been playing around with linear and radial posets, like the linear and radial trees in D3's Hierarchy. The result is something between a tree and a force directed graph. I vibe coded a solution that uses GAP to generate the lattice data, and then uses D3 to visualize the graph. I'm pretty happy with it, but it isn't optimized, so I wonder what the optimal way to position nodes to minimize overlapping links looks like. I know lattices and posets are niche, but making them more accessible would help certain fields of math and science. https://observablehq.com/d/830afeaada6a9512

Hello everyone, I'm new here. Recently, I recreated the chart titled "The Radiant Energy Spectrum". I learned about d3.arc( ) from Patrick Wojda's excellent notebook "Radial hierarchical bar chart with grouping arcs," obtained the visible spectrum data from Mike Bostock, and wrote my own functions to arrange line segments, arrows, and brackets along the arcs. The rest was just adding labels. The colors and fonts are still pretty terrible, and I haven't implemented the icon in the center yet.

A silly one https://observablehq.com/@tomlarkworthy/linux-sbc

Hi folks, I was surprised to see that Connecticut changed their county designations in 2022, and that all my maps stopped working with the new data. I couldn't find an Albers projection, so I created a topojson file of US counties Albers projection as of 2022 which you can find here: https://observablehq.com/@cyrusobrien/us-counties-2022 It has the new Connecticut counties and it also contains a choropleth by way of example. Feel free to fork it if you, too, find yourself in need of a 2022 US counties map. (And also apologies if this exists already!)

I'm looking for constructive feedback and feature requests for this observable notebook dashboard template. I have a lot of ideas of complex chart interactions that have been difficult in the notebook format so far. This template solves that problem so I can focus on the actual content. The main features are: • A chart and sidebar that position side by side in landscape and one on top of each other in portrait (mobile) • A shared state a cell, where other cells can

.update

to write to, and

.subscribe

to listen for changes. This allows two way cell interaction and transition without restarting cells. Complex projects can be broken across multiple cells to stay organized and not reach the notebook cell character limit. • A list of state properties to be remembered as cookies, so that part of the state persists across reloads • Full screen option • An input that switches the cells from being displayed in the notebook, or being seen in their own cells (useful for development) For fun, I vibe coded how I see proportional chart types and their relationships. Please rate how tasteful the bounce transitions are 😉 I would really like to see more big projects on observables, and hero visualizations. Let me know if I can improve anything, and if there is a feature that would be useful. https://observablehq.com/d/3c8b082818efd7c9

Hi all! I am curious about the Observable Framework. Are there any (more) examples of it? I am thinking it would make a great product for freelancing bespoke dashboards but I haven’t seen any examples.

I love that Claude Fable can make fast numerical solvers for differential equations. Made this a fun project rather than a headache: observablehq.com/d/453b3c621eb477d5

To try out Notebooks 2.0, I made a UI for studying the Daodejing, the foundational text in Daoism ☯️ new.observablehq.com/@laotzunami/daodejing-in-seal-script

@Mike Bostock Hey Mike. Just wann a let you know that the new collections button for me is broken. It references to the old.obseravablehq address.