Making a heatmap of optical spectrum, but cant for the life of me get the xlabels to not cram, I've tried many things at this stage, any help would be loved! https://observablehq.com/d/c48e6588eae1eb1e

Hi there. I wanted a smooth animation for my pie charts, where I wanted to be able to use any d3.easing. The problem is that once you have more than one element in the pie I didn't know how to give the whole pie an animated feeling (similar to what one can do with a single arc), so I wrote some code to test out my ideas. You can see it working on https://observablehq.com/@carlos-vazquez/stacking-transitions. It also works for stacked bar charts ()

Just opened a PR. Happy to hear suggestions

Hi!! I am a Data Scientist at Children’s Hospital of Philadelphia. We recently started using Observable plots inside Quarto Notebooks for some reporting purposes. This may be real simple but I am novice with Observable, D3 and all. For this example https://observablehq.com/@observablehq/plot-walmart-density How would I prevent the density layer to stop overflowing from the nation line? Any help with code or reference to some other notebooks might be a huge help!

I'm attempting to draw some contours on a chart with Plot.contour - for reasons I don't understand, fill: Plot.identity doesn't work (what is this?) - but fill: true does show the contours but without colouring by contour. color: { scheme: "Reds", domain: [0, 6], }, marks: [ Plot.contour(thermalData, { fill: true, x: "time", y: "altitude", value: "ti", stroke: "black", fillOpacity: 0.8, }),

am I missing something obvious?

If you want to spice up your notebooks with some icons, here's a library for you: https://observablehq.com/@jerryjappinen/icons

I wrote an alternative export format for Observable notebooks, so you can download them as a single file (not a zip) and run them locally on a

file://

domain, instead of having to run a local webserver. I was blown away at how fast they load (<200ms) and you can just double click them from the OS so there is not much overheads to sharing something. Often they work offline too (unfortunately not Plot yet, its too big to bundle by default so I think I would need to be smart about that one). The top 120 Observable notebooks are preprogrammed demo exports, so you can see what it they look like without thinking. While testing it I rediscovered gpu-boids, damn, that thing is cool.

I'm using Observable Framework to visualize my commit history in fun (at least to me) ways. Looks like (for this project) I've been most active weekends in the evening! Next I want to try to add more projects into the mix (with input selectors to select/deselect them) as well as a commits over time stacked area graph and a lines-per-commit histogram

Hi all -- I decided to do a bit of enhancement to the observable framework tables to make them responsive and editable. It includes support for adding/removing rows, dropdowns in column, and stringify'd parsing (I wanted to store/edit parameters in a text dict in column). I'm calling it

LiveTable

. Here's a demo that reviews the approach and column primitives (you set data types by column). Here's the actual code. I've found it useful, perhaps others may, as well!

Hi. I’m trying to modularize my code but reactivity breaks. What could i be doing wrong?

the trending notebook reposter is back on Bluesky w00t. I missed it. https://bsky.app/profile/trendingnotebooks.bsky.social

Hi there. I hope this is the right place. I created a PR for d3-transition https://github.com/d3/d3-transition/pull/149 What is the appropriate course of action to get reviews?

Hi, can anyone guide me on how to set up stdlib on my local machine?

Hi Observable Community! I work at Climate Central on a program called Climate Matters which produces weekly reporting resources for that help people report on and learn more about the local impacts of climate change. About once a year, we release an analysis on the number of daily record-high temperatures vs. record-low temperatures set in the 247 U.S. cities we typically cover. In between our annual releases, we normally get requests for updates to the graphics and data and while possible, it can take a bit of time to update. Recently I was able to build a daily records tracker with Framework that updates daily with new temperature data and highlights the stations that set records over time. Users can download local graphics, access the data they're looking for, and keep track of records set across the country. I've been checking in every now and then and looking at the records set in 2024. When I looked at the data this morning, I realized that over the past week, a record high temperature has been set in every region of the U.S. - from Alaska to Florida and California to Maine. This is a really important insight, especially considering it's winter here, and it's something that we could have easily missed without Observable. I just wanted to say thanks to the whole Observable team for all you are doing and creating, and for sharing it with the rest of the world. ❤️ 🌏

Hi , I have humidity sensors data in excel and need help to build dashboard like Interior carbon dioxide readings https://tibotiber.observablehq.cloud/smplrvable/#interior-carbon-dioxide-readings Any advice, contact?

This message was deleted.

Hexmap of Norwegian Municipalities In this notebook the goal is to create a hexmap of Norway representing 357 municipalities, while maintaining a shape similar to Norway, and still keep each hexagon located relatively near the original position of the municipality. I've used the hungarian algorithm, often referred to as «Munkres», to optimize the hexagon marker placement. I guess the notebook can easily be reused to create hexagon maps for other countries. https://observablehq.com/@andreassolberg/norwegian-municipalities-hexmap

🦠🔬🤖 Excited to share a demo application we recently developed with Observable Framework to address some of the challenges faced by recent approaches to drug discovery. Related work (in collaboration with the JSB Lab) is now published in Nature Biotechnology! 🎉 🧬 In recent years, we have witnessed a significant shift in drug discovery from High-Throughput Screening (HTS) to High-Content Screening (HCS). With information-rich data offering deeper insights into cell biology, HCS opens up incredible opportunities for understanding complex biological processes. Check out the demo, applied to a public dataset on synapse formation, here.

This is multiple niche subjects at once, but I used my custom 11ty integration with observable runtime to publish a data analysis blog post about leading american and english folk dances https://chromamine.com/2025/01/dance-calling-by-the-numbers-2024/

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