#observablejs
LightNews LightNews
pngwn.at
Observablejs is more like Jupiter notebooks than a rapid UI prototyping tool.

Actually kinda interesting. Python has loads of ‘rapid prototyping’ tools, I don’t know if any JS ones.
November 4, 2024 at 1:43 AM
andrew.heiss.phd
Another blog post! Lots of map data sources like Natural Earth follow a de facto control rule that can conflict with de jure boundaries. Here's how to use #rstats and {sf} and #observablejs to move Crimea to Ukraine. www.andrewheiss.com/blog/2025/02...
Map of Ukraine made with Natural Earth with Crimea included Map of Eastern Europe made with Natural Earth with Crimea in Ukraine R code for relocating Crimea to Ukraine (see https://www.andrewheiss.com/blog/2025/02/13/natural-earth-crimea/#the-whole-game for the whole code) Contents of the blog post The Natural Earth Project Natural Earth's de facto policy Natural Earth de jure points of view Relocating Crimea manually with R and {sf} Identifying the Crimea POLYGON from a POINT Extracting the Crimea POLYGON from Russia Adding the Crimea POLYGON to Ukraine Updating Russia and Ukraine in the full data The whole game Moving Crimea with medium resolution (50m) data Using the adjusted Natural Earth data as GeoSON in Observable JS Broken GeoJSON GeoSON and o u winding order u u Clean GeoJSON with correct winding order Alternative data sources GISCO Visionscarto Less automatic sources
February 13, 2025 at 6:24 PM
fubits.dev
I heard great things about marimo marimo.io

Also, there‘s Quarto with support for R, Python and JS/ObservableJS but it’s rather static.
marimo | a next-generation Python notebook
Explore data and build apps seamlessly with marimo, a next-generation Python notebook.
marimo.io
May 30, 2025 at 7:24 AM
nrennie.bsky.social
Another #Quarto + #RStats + Observable combination for Day 27 of the #30DayChartChallenge📊

Two heatmaps to illustrate the prompt of "Noise" - unsorted heatmaps look like random noise, (sensibly) sorted heatmaps are more likely to reveal patterns!

#DataViz #Day27 #ObservableJS
Two heatmaps showing income share of the richest 1% in Europe, using colour intensity to show inequality levels across countries and years. Clean, consistent layout with easy comparisons, though the dense grid and small text may limit readability. Colour scale helps convey variation effectively.
April 27, 2025 at 9:40 AM
mickael.canouil.fr
You saw or you made something related to #Quarto either with #ObservableJS, #RStats, #Python or #JuliaLang?
You want it to be seen/shared?
Please submit a suggestion issue to #AwesomeQuarto
PS: if you like this list, star it and share it 😉

github.com/mcanouil/awe...
GitHub - mcanouil/awesome-quarto: A curated list of Quarto talks, tools, examples & articles! Contributions welcome!
A curated list of Quarto talks, tools, examples & articles! Contributions welcome! - mcanouil/awesome-quarto
github.com
November 18, 2024 at 11:22 PM
mickael.canouil.fr
You saw or you made something related to #QuartoPub #Quarto either with #ObservableJS, #RStats, #Python or #JuliaLang?
You want it to be seen/shared?
Please submit a suggestion issue to #AwesomeQuarto
PS: if you like this list, star it and share it 😉

github.com/mcanouil/awe...
GitHub - mcanouil/awesome-quarto: A curated list of Quarto talks, tools, examples & articles! Contributions welcome!
A curated list of Quarto talks, tools, examples & articles! Contributions welcome! - mcanouil/awesome-quarto
github.com
April 25, 2025 at 1:59 PM
jadeynryan.bsky.social
@allisonhorst.bsky.social Deepsha and @tanyashapiro.bsky.social had an inspiring discussion about #ObservableJS for interactive #DataViz.

Since #OJS uses the grammar of graphics, it should be a straight forward transition from #RStats and #ggplot2. 

www.youtube.com/live/Bn2-MLH...
Observable Plot Panel: Start building data visualization in JavaScript
Event Description:Learn more about the event here: https://bit.ly/3PoPIIkDevelopers and data practitioners are increasingly realizing the value of, and need ...
www.youtube.com
October 12, 2023 at 6:15 PM
janithwanni.bsky.social
It's been a couple of weeks, but I finally managed to animate a line plot in ObservableJS 🥹 based on this solution.
observablehq.com/@fil/plot-an...
Plot: Animate a bar chart (v2)
Observable Plot doesn’t yet have built-in animations, but they’re getting closer. Here’s a way to animate a bar chart using the new render transform. See also Fade-in bar chart.
observablehq.com
December 16, 2024 at 10:54 AM
ehouskee.bsky.social
I work at a non-profit where our “product” is a high quality dataset, and we’ve just done our first data release - and many more to come.

Data folks, note that the data browser is built with Quarto + ObservableJS + DuckDB. Blog post on that is in the works!

data.evebio.org
Eve Bio: Pharmome Data
Browse/download data for 1,400 FDA drugs' actions on an ever-growing collection of gene products. Data Release 1 now live.
data.evebio.org
November 19, 2024 at 11:47 PM
medewitt.bsky.social
Quarto with observablejs has been my new go-to for this. The basic plots out of the box are nice. See observablehq.com/@mbostock/wo...
January 5, 2024 at 1:38 AM
mickael.canouil.fr
You saw or you made something related to #QuartoPub #Quarto either with #ObservableJS, #RStats, #Python or #JuliaLang?

You want it to be seen/shared?
Please submit a suggestion issue to #AwesomeQuarto

PS: if you like this list, star it and share it 😉

github.com/mcanouil/awe...
GitHub - mcanouil/awesome-quarto: A curated list of Quarto talks, tools, examples & articles! Contributions welcome!
A curated list of Quarto talks, tools, examples & articles! Contributions welcome! - mcanouil/awesome-quarto
github.com
June 1, 2025 at 9:15 PM
hrbrmstr.dev
Once more using the image hack to get more text here.

Day 4 of this year's #30DayMapChallenge is a truly "bad" map.

Post entry: 30dmc.hrbrmstr.dev/2023/day-04....
Day 4 of the #30DayMapChallenge is "A bad map". I went with the well-worn “places starting with 'bad' in the U.S.’ theme, and explain why in the post. Uses #ObservableJS in #Quarto (I hacked in an update to v6.0.0 of the OJS parser to avoid having to embed a notebook, again). Also uses #DuckDB to make a #GeoJSON from the #Geonames US names TSV. You can select which place points to display via the Observable Inputs table / search bar. https://30dmc.hrbrmstr.dev/2023/day-04.html map and table at the url in the post
November 4, 2023 at 1:54 PM
hrbrmstr.dev
Used some #RStats to wrangle data into a GeoJSON + #ObservableJS for plotting today's Day 12: South America entry to the #30DayMapChallenge.

30dmc.hrbrmstr.dev/2023/day-12.... has the deets, but the choropleths show raw and normalized cyber attack volume coming from these eleven sources.
3 views of south america
November 12, 2023 at 5:40 PM
sharonhoward.bsky.social
Continuing #PowerOfPetitioning adventures and ObservableJS experiments: I made an interactive dashboard with my Cheshire petitions data. mindseye.sharonhoward.org/dashboards/p...
Cheshire Quarter Sessions petitions, 1573-1798 – In Her Mind’s Eye
mindseye.sharonhoward.org
October 25, 2025 at 7:08 AM
hrbrmstr.dev
New #RStats #WebR #ObservableJS notebook up that is a more practical (vs. toy) example.

I used to — in a cron job — run a simple glm() on our tag data to get an idea when we’d reach `n` tags.

WebR makes it possible to do that directly in Observable notebooks.

observablehq.com/@hrbrmstr/we...
New #RStats #WebR #ObservableJS notebook up that is a more practical (vs. toy) example. I used to — in a cron job — run a simple glm() on our tag data to get an idea when we’d reach `n` tags. WebR makes it possible to do that directly in Observable notebooks. Also includes a neat way to enter R code in Observable Markdown cells and eval it from those cells (so you get syntax highlighting). https://observablehq.com/@hrbrmstr/webr-glm-in-observable#rPredict
November 23, 2023 at 11:56 AM
hrbrmstr.dev
Rite Aid has to file papers with the bankruptcy court for each round of actual closings (two such filings, so far, in 2023).
NJ, NY, MI, CA hit hardest so far.

Shld be able to start mapping possible pharmacy deserts, soon.

Pan/zoom the #ObservableJS Plot: observablehq.com/@hrbrmstr/kn...
https://mastodon.social/@hrbrmstr/111499061120382007
November 30, 2023 at 10:39 AM
andrew.heiss.phd
New blog post! After archiving USAID data last week, I decided to play around with and recreate parts of the ForeignAssistance dot gov dashboard with #QuartoPub and #ObservableJS. I learned a ton about D3 projections and making pretty Javascript plots #dataskyence www.andrewheiss.com/blog/2025/02...
Screenshot of an interactive world map using the Robinson projection showing 2023 aid commitments in each country Western Europe mapped with a cropped Robinson projection with labels for each country Egypt mapped with a cropped Robinson projection with labels for each country Table of contents for the post: Working with map data Get map data Maps and projections with Observable Plot Built-in projections Other projections Filtering map data and adjusting projections Removing elements Quick and dirty cheating method: change the width or height Built-in projections and domain settings Other projections and .fitExtent() Arbitrary areas and .fitExtent() Working with USAID data Get USAID data Connect USAID data to the map data Improving the map Fixing labelling issues Some final tweaks The full game: Complete final code
February 10, 2025 at 10:55 PM
hrbrmstr.dev
We lost control over elections thanks to Citizens United, and we're about to lose regulatory control over U.S. corporations thanks to Bill Clinton signing the ​National Securities Markets Improvement Act of 1996 into law.

www.theatlantic.com/ideas/archiv...

observablehq.com/@hrbrmstr/th...
Since the day this story (https://www.theatlantic.com/ideas/archive/2023/10/private-equity-publicly-traded-companies/675788/) about the declining number of publicly listed companies in the U.S. came out, the fact that it had no chart to go with the story really bugged me. It's making the rounds, again, and I needed some practice with annotation in #ObservableJS Plot, so I grabbed some data from FRED and went to town. https://observablehq.com/@hrbrmstr/the-secretive-industry-devouring-the-u-s-economy 👀 You can “thank” Bill Clinton for this, btw. He signed the ​National Securities Markets Improvement Act of 1996 into law. the missing chart in The Atlantic’s article (URL in post)
November 5, 2023 at 12:37 PM
andrew.heiss.phd
New #QuartoPub extension! Quarto output styling adds CSS rules for computational output, warnings, and messages for #rstats, #python, #julialang, and #observablejs - use the default styles, minimal styles, or add your own custom CSS andrewheiss.github.io/quarto-outpu...
Output, errors, warnings, and messages in R, but they're all formatted the same Output, errors, warnings, and messages in R with a thin border around the output, and errors filled with red, warnings filled with yellow, and messages filled with blue Warnings and messages highlighted with actual R code showing a ggplot plot of penguin data Output, errors, warnings, and messages in R with a thin border around the output, and errors bordered with red, warnings bordered with yellow, and messages bordered with blue
August 25, 2025 at 6:02 PM
mickael.canouil.fr
You saw or you made something awesome related to Quarto either with #ObservableJS, #RStats, #Python or #JuliaLang?

Please submit a suggestion issue to #AwesomeQuarto

PS: if you like this list, star it and share it 😉

github.com/mcanouil/awe...

#Quarto #DataScience #QuartoPub
GitHub - mcanouil/awesome-quarto: A curated list of Quarto talks, tools, examples & articles! Contributions welcome!
A curated list of Quarto talks, tools, examples & articles! Contributions welcome! - mcanouil/awesome-quarto
github.com
September 1, 2025 at 2:45 PM
andrew.heiss.phd
ahhhh this is so cool! Finally decided to play with Quarto dashboards (quarto.org/docs/dashboa... ) and ObservableJS to automatically grab data from multiple Google Sheets and plot/show the data. No need for Shiny or anything—refreshing the page gets the latest data!
Quarto dashboard showing the count of books read for three kids
January 5, 2024 at 5:55 PM