observable plot - Robuta Search

https://observablehq.com/@observablehq/plot-session-3-follow-along?collection=@observablehq/plot-course Session 3: Introduction to Observable Plot (Follow-along version) / Observable | Observable Oct 26, 2023 - More customization: faceting, annotation, a map, and introducing Inputs for interactivity All course recordings Session 1: slides | code key Session 2: slides... session 3 observable plot follow along introduction version https://observablehq.com/@observablehq/plot-session-2-follow-along?collection=@observablehq/plot-course Session 2: Introduction to Observable Plot (Follow-along version) / Observable | Observable Oct 26, 2023 - Scales, transforms, and more customization All course recordings Session 1: slides | code key Session 2: slides | code key Session 3: slides | code key Session... session 2 observable plot follow along introduction version https://observablehq.com/@fil/plot-worker?collection=@fil/plot-experiments Observable Plot in a Web Worker / Fil | Observable Jan 6, 2022 - Plot uses d3.create, which means it needs a DOM. Since Web Workers don't have access to the DOM, can we substitute domino instead? (Yes!) We can also simply... observable plot web worker fil https://observablehq.com/@rreusser/element-stack?collection=@rreusser/regl-examples Observable Plot + regl / Ricky Reusser | Observable Aug 26, 2024 - This notebook tests out a simple helper which creates a stack of elements so that you can, for example, layer axes over or under a regl WebGL context. It... observable plot ricky reusser https://observablehq.com/@observablehq/plot-session-2-code-key?collection=@observablehq/plot-course Session 2: Introduction to Observable Plot (Code key) / Observable | Observable Oct 26, 2023 - Scales, transforms, and more customization All course recordings Session 1: slides | follow-along notebook Session 2: slides | follow-along notebook Session 3:... session 2 observable plot introduction code key https://observablehq.com/@observablehq/plot-session-4-code-key?collection=@observablehq/plot-course Session 4: Introduction to Observable Plot (Code key) / Observable | Observable Oct 26, 2023 - Interactivity All course recordings Session 1: slides | follow-along notebook Session 2: slides | follow-along notebook Session 3: slides | follow-along... session 4 observable plot introduction code key https://observablehq.com/@tashapiro/intro-observable-plot Exploring Taylor Swift Songs with Observable Plot / Tanya Shapiro | Observable taylor swift songs observable plot exploring tanya shapiro https://observablehq.com/@mthh/gapminder-like-with-plot?collection=@mthh/plot GapMinder-like visualisation with Observable Plot / Matthieu Viry | Observable observable plot gapminder like visualisation matthieu https://simonwillison.net/2022/Jan/25/observable-plot-cheatsheets/ Observable Plot Cheatsheets Beautiful new set of cheatsheets by Mike Freeman for the Observable Plot charting library. This is really top notch documentation - the cheatsheets are... observable plot cheatsheets https://observablehq.com/@spren9er/raincloud-plots-with-observable-plot?collection=@spren9er/observable-plot Raincloud Plots with Observable Plot / Torsten Sprenger | Observable Feb 11, 2023 - There are many ways to visualize univariate statistical distributions: Histograms, dot plots, strip plots, kernel density plots, box plots, violin plots, bee... observable plot raincloud plots torsten sprenger https://observablehq.com/@zachbogart/notes-on-learning-observable-plot?collection=@zachbogart/experiments Notes on Learning Observable Plot / Zach Bogart | Observable Sep 5, 2021 - Spent last weekend reading through the Observable Plot docs (even learned how to fix a few typos; gotta love collaboration). Here are a few notes I found... observable plot notes learning zach bogart https://observablehq.com/@spren9er/upset-plots-with-observable-plot Upset Plots with Observable Plot / Torsten Sprenger | Observable Feb 10, 2023 - Venn diagrams can be used for comparing two or three sets. They give you an overview of intersection(s) of sets. However, when you have more than three sets to... observable plot upset plots torsten sprenger https://observablehq.com/@spren9er/upset-plots-with-observable-plot?collection=@spren9er/observable-plot Upset Plots with Observable Plot / Torsten Sprenger | Observable Feb 10, 2023 - Venn diagrams can be used for comparing two or three sets. They give you an overview of intersection(s) of sets. However, when you have more than three sets to... observable plot upset plots torsten sprenger https://observablehq.com/@observablehq/introduction-data-visualization-observable-plot Introduction to Data Visualization in Observable Plot Course / Observable | Observable Sep 25, 2023 - What you'll learn! This four-part course introduces core concepts and technical skills to start building custom, interactive data visualizations in Observable... introduction to data observable plot visualization course https://observablehq.com/@spren9er/upset-plots-with-observable-plot?collection=@observablehq/instagram-shares Upset Plots with Observable Plot / Torsten Sprenger | Observable Feb 10, 2023 - Venn diagrams can be used for comparing two or three sets. They give you an overview of intersection(s) of sets. However, when you have more than three sets to... observable plot upset plots torsten sprenger https://observablehq.com/@wattslab/boxwhisker?collection=@wattslab/d3-interactive-charts D3 Box and Whisker Plot / Computational Social Science Lab | Observable box and whisker plot computational social science d3 lab observable https://observablehq.com/@observablehq/plot-data-based-axis Plot: Data-based axis / Observable | Observable May 13, 2023 - A vertical axis mark extends from the left (or from the right), but by specifying the x channel, we can change the position where the labels are shown, and the... plot data based axis observable https://observablehq.com/@tophtucker/plot-simple-render-transform Plot: Simple render transform / Toph Tucker | Observable Dec 11, 2024 - Pulsing last point Marks take a render option which is currently mostly undocumented (I think this is the only mention in docs right now?) but lets you drop... plot simple render transform toph https://observablehq.com/@ee2dev/distributions-and-summary-statistics-a-collection-of-plot Distributions and summary statistics - a collection of Plot examples / ee2dev | Observable Mar 28, 2024 - A copy of the Plot examples (sometimes slightly adjusted) provided for the d3 charts to have them in one place. Summary Statistics See also... a collection of summary statistics distributions https://observablehq.com/@observablehq/plot-layered-marks Plot: Layered marks / Observable | Observable Apr 25, 2023 - Several marks can be layered on a plot; they share the same scales, making the chart consistent, and comparisons possible. plot layered marks observable https://observablehq.com/@observablehq/plot-percent-scale-transform Plot: Percent scale transform / Observable | Observable Apr 26, 2023 - The percent option for scales converts raw proportions in 0, 1 into percentages. Source: NASA Goddard Institute for Space Studies plot percent scale transform observable https://observablehq.com/@palewire/california-coronavirus-ridgeline-plot?collection=@palewire/covid-19 California coronavirus ridgeline plot / Ben Welsh | Observable Dec 13, 2020 - The seven-day average of new COVID-19 cases per 100,000 residents in the five regions defined by the California Department of Public Health. An experiment... california coronavirus ridgeline plot ben welsh observable https://observablehq.com/@fil/minimalist-dodge-plot?collection=@fil/plot Minimalist dodge plot / Fil | Observable Jun 8, 2022 - Distribution of nucleotides in a DNA primer: minimalist dodge plot fil observable https://observablehq.com/@recifs/plot-filtering-out-small-values Plot: Filtering out labels for small values / recifs | Observable plot filtering labels small values https://observablehq.com/@anjana/dvfs-using-plot-around-the-web Using Plot around the Web / Anjana Vakil | Observable Apr 19, 2022 - Creating data visualizations is fun, but once you've got the plot you want, you'll want to show it off to the world! In this section we'll explore several... around the web anjana vakil using plot observable https://observablehq.com/@fil/minimalist-dodge-plot?collection=@fil/plot-examples Minimalist dodge plot / Fil | Observable Jun 8, 2022 - Distribution of nucleotides in a DNA primer: minimalist dodge plot fil observable https://observablehq.com/collection/@fil/plot?page=3 Plot / Fil | Observable plot fil observable https://observablehq.com/@observablehq/plot-stacking-order-and-reverse Plot: Stacking order and reverse / Observable | Observable May 11, 2023 - The order and reverse options control the order in which the stack transform stacks series. plot stacking order reverse observable https://observablehq.com/@observablehq/plot-linear-regression-simpson Plot: Linear regression / Observable | Observable May 9, 2023 - If you measure the relationship between culmen depth and length in a mixed population of penguins, it is positively correlated in each of the three species... linear regression plot observable https://observablehq.com/blog/how-to-build-dashboards-observable-framework-plot How to build interactive dashboards with Observable Framework and Plot | Observable Mar 5, 2024 - Learn how to build interactive and dynamic dashboards using Observable Framework and Plot with this step-by-step guide. Follow these best practices for... how to build interactive dashboards observable framework plot https://observablehq.com/@observablehq/plot-colored-stacked-bar-chart Plot: Stacked unit chart / Observable | Observable May 10, 2023 - Each penguin in the dataset is represented by a bar of width x = 1; bars are implicitly stacked, resulting in this unit chart. plot stacked unit chart observable https://observablehq.com/@ambassadors/interactive-plot-dashboard?collection=@ambassadors/30daymapchallenge Interactive Plot Dashboard / Observable Ambassadors | Observable Apr 30, 2023 - A little bit of this and that... Voila! Here's a nice workaround to make Plot fully interactive while we are still waiting for the native support of event... interactive plot dashboard observable ambassadors https://observablehq.com/blog/reshaping-data-plot-d3 Reshaping data for visualizations with D3 and Observable Plot | Observable Jun 26, 2025 - The Observable team and community have created thousands of openly shared data visualizations in Observable Plot and D3. To easily reuse them, your data needs... reshaping data visualizations d3 observable https://observablehq.com/@sandraviz/spotify-data?collection=@sandraviz/plot INTRO TO PLOT.JS / Sandraviz | Observable May 4, 2023 - SPOTIFY | GENRES Observable Plot is a free, open-source JavaScript library to help you quickly visualize tabular data. It has a concise and (hopefully)... intro plot js observable https://observablehq.com/@observablehq/plot-barcode Plot: Barcode chart / Observable | Observable May 12, 2023 - A barcode chart just adds a tick for each value; if the values overlap, use strokeOpacity to give a sense of density. In this example, the populations are... plot barcode chart observable https://observablehq.com/@observablehq/plot-horizon?collection=@observablehq/plot-examples Plot: Horizon Chart / Observable | Observable Jun 21, 2023 - Horizon charts are an alternative to ridgeline plots and small-multiple area charts that allow greater precision for a given vertical space by using colored... horizon chart plot observable https://observablehq.com/@angiehjort/fa2024-women-in-sports?collection=@angiehjort/dis-course-projects FA2024 Women in Sports (plot) / Angie Hjort | Observable women in sports plot angie hjort observable https://observablehq.com/@observablehq/plot-ridgeline?collection=@observablehq/plot-examples Plot: Ridgeline Plot / Observable | Observable Jul 22, 2024 - Ridgeline plots are an alternative to horizon charts and small-multiple area charts that allow greater precision for a given vertical space at the expense of... plot ridgeline observable https://observablehq.com/@observablehq/plot-highlighted-bin Plot: Highlighted bin / Observable | Observable May 10, 2023 - A custom function reducer that tests if Aaron Brown(https://en.wikipedia.org/wiki/Aaron_Brown_(sprinter%29) belongs to a given bin. In this example we... plot highlighted bin observable https://observablehq.com/@fil/attach-plot-dom-396?collection=@fil/plot-examples How to attach a plot to a DOM element / Fil | Observable May 13, 2021 - OP: https://github.com/observablehq/plot/issues/396 how to attach plot dom element fil https://observablehq.com/@observablehq/plot-ordinal-bar-chart Plot: Ordinal bar chart / Observable | Observable Feb 25, 2024 - Use the interval scale option to make sure that missing data is not invisibly skipped: bar chart plot ordinal observable https://observablehq.com/@keckelt/collision-free-scatter-plot Collision-free Scatter Plot / Klaus Eckelt | Observable Mar 31, 2022 - Copy of https://bl.ocks.org/polochau/e8b0e4bacbe861163848dafadf4dca04 Using D3 v5's force simulation, points repel each other with animation so they do not... scatter plot collision free klaus observable https://observablehq.com/@observablehq/plot-bin-with-threshold-color-scale Plot: Bin with threshold color scale / Observable | Observable Jul 27, 2024 - Ref. https://talk.observablehq.com/t/how-to-set-stroke-color-based-on-bin-aggregated-value/9573/1 color scale plot bin threshold observable https://observablehq.com/@observablehq/plot-stacked-dots Plot: Stacked dots / Observable | Observable Jun 26, 2023 - A dot mark, stacked in two opposite directions. plot stacked dots observable https://observablehq.com/@schmoigl/ds2_en Ridgeline Plot / Lukas Schmoigl | Observable ridgeline plot lukas observable https://observablehq.com/@observablehq/plot-state-population-change Plot: State population change / Observable | Observable Jun 29, 2023 - This diverging bar mark is sized by the population change in each State (between 2010 and 2019). The states are sorted according to the same channel x. A white... state population plot change observable https://observablehq.com/@fil/plot-stereohistogram?collection=@fil/plot Plot.stereoHistogram / Fil | Observable Apr 1, 2022 - The best way to make a histogram stand out. To be honest, these autostereograms are super difficult to see. Based on the implementation by... plot fil observable https://observablehq.com/@observablehq/plot-connected-scatterplot Plot: Connected scatterplot / Observable | Observable May 12, 2023 - There is no requirement that y be dependent on x; lines can be used in connected scatterplots to show two independent (but often correlated) variables. The... plot connected observable https://observablehq.com/@yurivish/zig-density-plot-prototype Prototyping Zig Density Plot / Yuri Vishnevsky | Observable Oct 1, 2022 - Experimenting with Zig for faster visualizations. This notebook contains a prototype implementation of a simple one-dimensional density plot. The core function... density plot prototyping zig yuri vishnevsky https://observablehq.com/@observablehq/plot-normal-histogram Plot: Normal histogram / Observable | Observable May 10, 2023 - For a histogram, use the binX transform with the rectY mark. Here we bin 10,000 random samples, generated on-the-fly into the x channel from a normal... plot normal histogram observable https://observablehq.com/@thetylerwolf/day-8-scatter-plot Day 8 - Scatter Plot / Tyler Wolf | Observable Aug 29, 2023 - PSA - I am actively taking on new freelance work! Contact me here Today we learn the scatter plot, the last of our basic charts series. After this, we'll start... day 8 scatter plot tyler wolf observable https://observablehq.com/@ee2dev/area-charts-a-collection-of-plot-examples Area Charts - a collection of Plot examples / ee2dev | Observable Feb 14, 2022 - A copy of the Plot examples (sometimes slightly adjusted) provided for the d3 charts to have them in one place. Area Chart Area Chart, Band Area Chart,... a collection of area charts plot examples ee2dev https://observablehq.com/@observablehq/plot-seattle-temperature-heatmap Plot: Seattle temperature temporal heatmap / Observable | Observable May 10, 2023 - A calendar with a cell for each day (x) of each month (y), colored by maximum temperature on that day. plot seattle temperature temporal heatmap https://observablehq.com/@fil/hyperboloid Plot Hyperboloid / Fil | Observable plot hyperboloid fil observable https://observablehq.com/@observablehq/plot-tips-longer-text Plot: Interactive tips with longer text / Observable | Observable May 29, 2023 - The tip mark supports the title channel for longer texts. plot interactive tips longer text https://observablehq.com/collection/@observablehq/plot-explorations Plot Explorations / Observable | Observable May 4, 2021 - Semi-guided tutorials for data exploration with Observable Plot plot explorations observable https://observablehq.com/@lorenries/political-science-rankings-connected-dot-plot Political Science Rankings Connected Dot Plot / Loren Riesenfeld | Observable Nov 28, 2018 - Prototype for New America's Ranking Relevance project. political science dot plot rankings connected loren https://observablehq.com/@mootari/plot-pointer-mask Plot Pointer Mask / Fabian Iwand | Observable Feb 10, 2026 - Plot tooltips respond to the entire Plot area, which can cause unwanted pinning when selecting text or clicking linked tick labels (see issue). This notebook... plot pointer mask fabian observable https://observablehq.com/@irenedelatorre/dot-chart-and-heatmap-with-plot?collection=@irenedelatorre/plot Dot chart and Heatmap with Plot / Irene de la Torre | Observable Aug 18, 2021 - A few weeks ago, the Wonderful Wednesdays challenge asked people to visualize the sustained response of patients participating in a clinical trial about... de la torre dot chart with plot heatmap https://observablehq.com/@maria/line-plot Line Plot / Maria M | Observable line plot maria m observable https://observablehq.com/@observablehq/plot-grouped-bar-chart Plot: Grouped bar chart / Observable | Observable Jun 5, 2023 - Facets group the bars by State; the fx domain, representing States, is sorted by the sum total of the heights of the bars (in other words, by total... grouped bar chart plot observable https://observablehq.com/@observablehq/plot-color-angle Plot: Color angle / Observable | Observable plot color angle observable https://observablehq.com/@observablehq/plot-difference-chart?collection=@fil/plot-experiments Plot: Difference chart / Observable | Observable Dec 20, 2023 - A difference chart highlights the difference between two values, typically entries vs exits. The amount is encoded as height, and the sign (surplus vs.... difference chart plot observable https://observablehq.com/@observablehq/plot-marimekko?collection=@observablehq/data-visualization-examples Plot: Marimekko / Observable | Observable Jul 17, 2023 - A Marimekko chart, or mosaic plot, visualizes a distribution along two dimensions. Here, sales are broken down by market along the x-axis and segment along the... plot marimekko observable https://observablehq.com/@observablehq/plot-gallery Plot Gallery / Observable | Observable May 11, 2026 - Here are a selection of Observable Plot examples. Dot, Image, Text Plot individual data points. Bar, Cell, Rect Represent data and aggregates with rectangular... plot gallery observable https://observablehq.com/@observablehq/plot-finite-state-machine Plot: Finite state machine / Observable | Observable May 12, 2023 - The arrow mark connects machine states. finite state machine plot observable https://observablehq.com/@observablehq/plot-bar-and-tick Plot: Bar and tick / Observable | Observable May 12, 2023 - A tick is convenient for stroking the upper bound of a bar for emphasis. plot bar tick observable https://observablehq.com/@jonhelfman/plot-bug-for-grid-line-color?collection=@jonhelfman/plot-bugs Plot bug for grid line color? / Jonathan Helfman | Observable May 30, 2023 - Setting 'stroke' on rule marks works, but line color is inconsistent. Setting 'stroke' on grid marks works, but line color is inconsistent. Setting 'stroke' or... grid line plot bug color jonathan https://observablehq.com/@observablehq/analyzing-star-wars-movies-the-first-anniversary-of-observ?collection=@observablehq/instagram-shares Analyzing Star Wars movies + the first anniversary of Observable Plot! / Observable | Observable star wars movies the first anniversary analyzing observable plot https://observablehq.com/@mootari/placing-plot-legends Plot Legends as Custom Marks / Fabian Iwand | Observable Sep 25, 2025 - Demonstrates how Plot legends can be included within the Plot as custom marks. Categorical An HTML legend that wraps and has no options for width or height. No... plot legends custom marks fabian https://observablehq.com/@samussiah/animated-swimmer-plot?collection=@observablehq/biotech-pharma Animated Swimmer Plot / Spencer Childress | Observable Apr 27, 2021 - This chart presents the category and duration of response to cancer therapy over the course of a clinical trial. As time progresses participant IDs are grouped... animated swimmer plot spencer childress https://observablehq.com/@observablehq/plot-correlation-heatmap?collection=@fil/algorithms Plot: Correlation heatmap / Observable | Observable May 10, 2023 - Select a dataset to display the correlation between its dimensions as colored cells. The text fill is black or white, depending on the value, to enhance... plot correlation heatmap observable https://observablehq.com/@observablehq/plot-rule-random Plot: Rule random / Observable | Observable plot rule random observable https://observablehq.com/@sandraviz/log-scatter-plot?collection=@sandraviz/30-days-of-d3-dataviz SCATTER PLOT WITH AXES / Sandraviz | Observable May 5, 2025 - This chart shows a simple scatter plot with more than 50.000 data poitns. How we can apply color and radius to facilitate pattern discovery. Appendix scatter plot axes observable https://observablehq.com/@sandraviz/log-scatter-plot?collection=@sandraviz/ue-visualizacion-dinamica-con-d3-js SCATTER PLOT WITH AXES / Sandraviz | Observable May 5, 2025 - This chart shows a simple scatter plot with more than 50.000 data poitns. How we can apply color and radius to facilitate pattern discovery. Appendix scatter plot axes observable https://observablehq.com/@nimitnshah/ridgeline-plot-dark-mode-gradients-responsive Ridgeline Plot - Dark Mode, Gradients, Responsive / nimitnshah | Observable Aug 23, 2020 - Used for my post on Landscape of Literature where I plotted "moods" of the book I've read through my life. Data from The StoryGraph. Ridgeline plots are an... ridgeline plot dark mode gradients responsive observable https://observablehq.com/@iashishsingh/plot-exploration-bl-ocks Plot Exploration: bl.ocks / Ashish Singh | Observable May 13, 2021 - We are going to explore the most loved bl.ocks dataset which adds to the primary dataset made available to the community as a part of the D3 Parade 2021. The... ashish singh plot exploration bl https://observablehq.com/@ee2dev/line-charts-a-collection-of-plot-examples Line charts - a collection of Plot examples / ee2dev | Observable Dec 9, 2022 - A copy of the Plot examples (sometimes slightly adjusted) provided for the d3 charts to have them in one place. Appendix Misc a collection of line charts plot examples ee2dev https://observablehq.com/@observablehq/plot-varying-stroke-line Plot: Varying stroke color line / Observable | Observable color line plot varying stroke observable https://observablehq.com/@observablehq/plot-sorted-horizontal-bars Plot: Sorted horizontal bars / Observable | Observable horizontal bars plot sorted observable https://observablehq.com/@tophtucker/plot-facet-labels-are-getting-cut-off How to fix Plot facet labels getting cut off / Toph Tucker | Observable Aug 4, 2022 - You make a faceted chart, but the labels are getting cut off: You can use marginLeft to give the labels on the left. But if you use marginRight for the labels... how to fix https://observablehq.com/@observablehq/plot-overview-for-matplotlib-users Plot for Matplotlib Users: Overview / Observable | Observable Jan 25, 2023 - If you're used to working in Python and creating charts using Matplotlib, this notebook will walk you through related concepts in Observable Plot and how to... users overview plot observable https://observablehq.com/@bengarvey/function-plot Function Plot / Ben Garvey | Observable Sep 3, 2018 - Try editing the expression below! function plot ben garvey observable https://observablehq.com/@observablehq/plot-faceted-areas Plot: Faceted areas / Observable | Observable May 10, 2023 - Small multiples, rendering different facets (subsets of the complete dataset), facilitate comparison between modalities. Here, the evolution of the number of... plot faceted areas observable https://observablehq.com/@observablehq/plot-parcoords Plot: Parallel coordinates / Observable | Observable May 19, 2023 - Each quantitative dimension of the cars dataset is normalized and mapped to a different (parallel) axis with a dedicated D3 scale. Lines connect the positions... parallel coordinates plot observable https://observablehq.com/@observablehq/qq-plot Plot: Quantile-quantile plot / Observable | Observable Feb 25, 2024 - A quantile-quantile plot compares two distributions. If the two are similar, the points will fall approximately along the diagonal; if not, the points will... plot quantile observable https://observablehq.com/@observablehq/plot-scatterplot-with-ordinal-dimension Plot: Scatterplot with ordinal dimension / Observable | Observable May 9, 2023 - A dot mark encoding three dimensions with various scales: x is quantitative, y and stroke (color) are nominal. plot ordinal dimension observable https://observablehq.com/@twitter/density-plot?collection=@twitter/density Density Plot Library / Twitter Inc. | Observable Apr 23, 2022 - Standard charts such as scatterplots and line charts have difficulties scaling as data increases due to issues with performance and overplotting. Density plots... density plot twitter inc library observable https://observablehq.com/@mcmcclur/plot-for-mathematicians?collection=@mcmcclur/math Plot for mathematicians / Mark McClure | Observable Sep 10, 2025 - Observable Plot is a free, open-source library from the folks at Observable designed to make it easy to generate many common types of charts for the... mark mcclure plot mathematicians observable https://observablehq.com/@observablehq/plot-fahrenheit-to-celsius-scale-transform Plot: Fahrenheit to Celsius scale transform / Observable | Observable Apr 26, 2023 - Scales accept transforms, say to convert between temperature units. fahrenheit to celsius plot scale transform observable https://observablehq.com/@observablehq/plot-dow-jones-calendar Plot: Simplified calendar / Observable | Observable May 30, 2023 - A faceted heatmap where the week of year is encoded as x, day of week as y, year as the fy facet, and value as the fill color of each cell. See also the fancy... plot simplified calendar observable