Day 21: RasterDay 10: North AmericaDay 30: My favoriteDay 8: AfricaDay 14: EuropeDay 9: HexagonsTurkey vulture migrations in South AmericaDay 3: PolygonsDay 18: AtmosphereDay 29: PopulationDay 2: LinesDay 28: Is this a chart or a mapDay 23: 3DDay 11: RetroDay 20: OutdoorsDay 16: OceaniaDay 13: ChoroplethProjection importsDay 6: AsiaDay 7 - NavigationDay 4: Bad mapDay 17: Flow
Day 1: Points
Plot.plot({
projection: "albers",
insetBottom: 20,
insetTop: 20,
marks: [
Plot.sphere({fill: "black"}),
Plot.dot(haunted_sm, {x: "longitude", y: "latitude", r: 6, fill: "red", opacity: .3, stroke: "red", strokeOpacity: .3}),
Plot.dot(haunted_sm, {x: "longitude", y: "latitude", r: 4, fill: "orange", opacity: .3, stroke: "orange", strokeOpacity: .3}),
Plot.dot(haunted_sm, {x: "longitude", y: "latitude", r: 1, fill: "white"}),
Plot.text(['Haunted places\nin the United States'],{x:-105, y: 26, dx:-220, dy:-60, fontSize: 30, fill: "white", stroke: "#fc6600", opacity: 0.6, lineHeight: 1.2, fontStyle: "italic", fontWeight: "Bold"}),
Plot.text([`Data: data.world | Design: Deepsha Menghani\nThreads: @IandLoveandData | Mastodon: @Deepsha`], {x:-105, y: 27, dx:-220, dy:30, frameAnchor: "middle", fontSize: 14, fontStyle: "oblique", lineWidth: 70, textAnchor: "middle", lineHeight: 1.2, clip: false, fill: "#ccc", opacity: .6})
],
height: 700,
width: 1200,
})
haunted_sm.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
import {states} from "ff0a83b495637684"
import {nation} from "ff0a83b495637684"
import {Scrubber} from "@mbostock/scrubber"
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.
