Learn JS DataGetting Started (Learn JS Data)Reading in Data (Learn JS Data)Combining Data (Learn JS Data)Iterating Over and Reducing Data (Learn JS Data)Grouping Data (Learn JS Data)Working with Strings (Learn JS Data)Regular Expressions (Learn JS Data)Working with Time (Learn JS Data)Checking Data Assumptions (Learn JS Data)
Summarizing Data (Learn JS Data)
data = [
{ city: "seattle", state: "WA", population: 652405, land_area: 83.9 },
{ city: "new york", state: "NY", population: 8405837, land_area: 302.6 },
{ city: "boston", state: "MA", population: 645966, land_area: 48.3 },
{ city: "kansas city", state: "MO", population: 467007, land_area: 315 }
]
minLand = d3.min(data, function(d) {
return d.land_area;
})
maxLand = d3.max(data, d => d.land_area)
landExtent = d3.extent(data, d => d.land_area)
landAvg = d3.mean(data, d => d.land_area)
landMed = d3.median(data, d => d.land_area)
landSD = d3.deviation(data, d => d.land_area)
md`## Visualizing the data
You can also use [navio.dev](https://navio.dev) a visualization pluging that lets you summarize and explore large data with 4 lines of code, or 1 if you are in Observable.
`
import { navio } from "@john-guerra/navio"
viewof selected = navio(data)
md`You can also use it for filtering, try brushing the visualization, there are **${selected.length}** rows selected now.
Here is how Navio looks like with a larger dataset.
Also check [this other notebook for loading your own data with a GUI](https://observablehq.com/@john-guerra/navio-load)`
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.
