Plot.plot({width:1200,height:1200,
projection: {type: "orthographic",rotate: [80, -34], domain:circle},
r: {transform: (d) => Math.pow(10, d)}, // convert Richter to amplitude
style: "overflow: visible;", // allow dots to escape
marks: [
Plot.geo(nyc_zips, {fill: "currentColor", fillOpacity: 0.2, type:"md"}),
Plot.sphere(),
Plot.dot(dgi.features, {x: (d) => d.geometry.coordinates[0], y: (d) => d.geometry.coordinates[1], r: .3, stroke: "red", fill: "red", fillOpacity: 0.2})
]
})
circle = d3.geoCircle().center([-74, 40.7]).radius(zoom)()
world = FileAttachment("countries-110m.json").json()
land = topojson.feature(world, world.objects.land)
earthquakes = d3.json("https://earthquake.usgs.gov/earthquakes/feed/v1.0/summary/2.5_week.geojson").then(d => d.features.map(f => {
const c = d3.geoCentroid(f);
return {magnitude: f.properties.mag, longitude: c[0], latitude: c[1]};
}))
dgi = FileAttachment("DEP Green Infrastructure.geojson").json()
zipdems = FileAttachment("zipdems.csv").csv()
zips_combined = {
var geo = nyc_zips
var data = deminfo
for (let i = 0; i < geo.length; i++) {
var lineName = Number(geo[i].properties.ZIPCODE)
for (let k = 0; k < data.length; k++) {
var dataName =
}
}
}
demlink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vTM8Bj-5dQDJgBpb1-TgpwkPCD0I7LwxfKyw3tOGeL1GqZyo96KV5vV4gv9Ky0-icF8v7YZwplSYLj0/pub?output=csv'
deminfo = d3.csv(demlink,d3.autoType)
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.
