Social development practitioner. Trying to understand our world.
World Bank Gender Data Portal | AssetsColumbia Glacier Alaska | Wayback Imagery 2014 - 2020World Bank API - Meet Vega LiteSelect a Flag from Mapped ISO ValuesText From Title of Observable InputPDF.js MultiPage Previous/NextPrintable OpenLayers w/ Natural Earth Lakes and Reservoirs [GeoJSON]Image Upload Tool in Native JavaScriptToggling a Button's Text and Color for Multiple ValuesObservable Table of Literature on Indigenous PeoplesESRI / ArcGIS Layers PreviewCalculate Working Days, Excluding Weekends & HolidaysReporting Data Values using JavaScriptQuick Coordinate EstimationLearning JavaScript (and Observable) by Converting a FiddleD3 Point on Globe with Input SlidersInstitution, Region & SectorActive and Closed Cases at End of FY18Learing by DoingLearning C3.js Donut Charts in ObservableInteractive Stacked Bar Chart in D3(v4)Learning Streaming Shapefiles in ObservableInteractive Tree Diagram (D3v3)Learning about Dagre ChartsSankey DiagramBi-Level Partition Donut ChartSankey Diagram, D3v5Learning Tom's Table Function for Observable
Dynamic Reporting from Dropdown Inputs
Also listed in…
Examples & Tutorials
viewof value = select({
title: "President",
description: "Please pick your favorite president.",
options: [
{ value: '0', label: 'Donald Trump' },
{ value: '1', label: 'Barack Obama' }
],
})
presidentText(value)
function presidentText(value) {
const pres = president[value];
return md` ${pres['first-name']} ${pres['last-name']} is United States president ${pres.number}.`;
}
president = d3.csvParse(`number,first-name,last-name
45,Donald,Trump
44,Barack,Obama
`)
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
