md`# India Recipe Map`
import {vl} from '@vega/vega-lite-api'
import { aq, op } from '@uwdata/arquero'
import {printTable} from '@uwdata/data-utilities'
d3 = require("d3@5", "d3-geo-projection@2")
states = await FileAttachment("states_india.geojson").json()
states
vl.markGeoshape({fill: "#e0e0e0", stroke: "#f7f7f7", strokeWidth: 1})
.data(states.features)
.project(vl.projection('mercator'))
.encode(
vl.tooltip([vl.fieldN('properties.st_nm'), vl.fieldN('properties.state_code')])
)
.render()
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.
