2d:null 2e:["$","title",null,{"children":"Age of states and union territories of India | Saneef H. Ansari | Observable"}] 33:T656,html``34:T6a8,formationData = [ { id: "AP", formation: "1956-11-01" }, { id: "AR", unionTerritory: "1972-01-21", statehood: "1987-02-20" }, { id: "AS", formation: "1950-01-26" }, { id: "BR", formation: "1912-03-22", statehood: "1950-01-26" }, { id: "CG", formation: "2000-11-01" }, { id: "GA", formation: "1987-05-30" }, { id: "GJ", formation: "1960-05-01" }, { id: "HR", formation: "1966-11-01" }, { id: "HP", unionTerritory: "1956-11-01", statehood: "1971-01-25" }, { id: "JH", formation: "2000-11-15" }, { id: "KA", formation: "1956-11-01" }, { id: "KL", formation: "1956-11-01" }, { id: "MP", formation: "1956-11-01" }, { id: "MH", formation: "1960-05-01" }, { id: "MN", formation: "1949-10-15" }, { id: "ML", formation: "1972-01-21" }, { id: "MZ", unionTerritory: "1972-01-21", statehood: "1987-02-20" }, { id: "NL", formation: "1963-12-01" }, { id: "OD", formation: "1936-04-01" }, { id: "PB", formation: "1956-11-01" }, { id: "RJ", formation: "1949-03-30" }, { id: "SK", formation: "1975-05-16" }, { id: "TN", formation: "1950-01-26" }, { id: "TS", formation: "2014-06-02" }, { id: "TR", unionTerritory: "1956-11-01", statehood: "1972-01-21" }, { id: "UP", formation: "1950-01-24" }, { id: "UT", formation: "2000-11-09" }, { id: "WB", formation: "1950-01-26" }, { id: "AN", unionTerritory: "1956-11-01" }, { id: "CH", unionTerritory: "1966-11-01" }, { id: "DD", unionTerritory: "2020-01-26" }, { id: "JK", unionTerritory: "2019-10-31" }, { id: "LA", unionTerritory: "2019-10-31" }, { id: "LD", unionTerritory: "1956-11-01" }, { id: "DL", unionTerritory: "1956-11-01" }, { id: "PY", formation: "1954-11-01", unionTerritory: "1962-08-16" } ]35:[] 31:{"id":"9e071d7d5147889a","slug":"age-of-states-and-union-territories-of-india","title":"Age of states and union territories of India","thumbnail":"faacfd09ee6ea506365384a3d6d6166ead1a1332f27bd8574208f1fc1cbbe5be","access_level":"public","create_time":"$D2022-02-09T08:55:37.936Z","update_time":"$D2022-09-29T12:13:09.120Z","view_time":null,"first_public_time":"$D2022-02-09T11:57:19.297Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"7a807139c987b4db","login":"saneef","name":"Saneef H. Ansari","avatar_url":"https://avatars-next.observableusercontent.com/a773bad590c23d0ae77d00a38b75a3dddda96007f7152937d2acf8893a6f66b3","tier":"starter_2024"},"version":514,"publish_version":514,"role":null,"authored":false,"authors":[{"type":"individual","id":"e0ce6bdad38e3e5e","login":"saneef","name":"Saneef H. Ansari","avatar_url":"https://avatars-next.observableusercontent.com/a773bad590c23d0ae77d00a38b75a3dddda96007f7152937d2acf8893a6f66b3","tier":null}],"members":[{"type":"individual","id":"e0ce6bdad38e3e5e","login":"saneef","name":"Saneef H. Ansari","avatar_url":"https://avatars-next.observableusercontent.com/a773bad590c23d0ae77d00a38b75a3dddda96007f7152937d2acf8893a6f66b3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"7e896cb05159f55a","slug":"data-notes-on-india","title":"Data notes / India","owner":{"id":"7a807139c987b4db","login":"saneef","name":"Saneef H. Ansari"}},"type":"notebook","body":{"title":"Age of states and union territories of India","cells":[{"id":5,"value":"# Age of states and union territories of India\n\nData source: [Wikipedia](https://en.wikipedia.org/wiki/Administrative_divisions_of_India)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":359,"value":"generateLegend(colorScale.ticks().length)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"html`

\n ${chartData.map(territoryCell)}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"## Code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"territoryCell = (s, i) => {\n const color = colorScale(s.oldestDate);\n return html`

${s.name}

\n${populateFacts({\n ...s.data,\n oldestDate: s.oldestDate\n})}\n`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":91,"value":"populateFacts = (data) => {\n const date = data.oldestDate;\n const age = dateFns.differenceInYears(new Date(), date);\n\n return [\n html`

Age
\n: ${age}
years

`,\n html`

Formation`,\n html`: ${formatDate(data.formation)}`\n ]\n}\n${\n data.unionTerritory && [\n html`
Union territory`,\n html`: ${formatDate(data.unionTerritory)}`\n ]\n}\n${\n data.statehood && [\n html`
Statehood`,\n html`: ${formatDate(data.statehood)}`\n ]\n}`\n ];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"colorScale = d3.scaleSequential(d3.interpolateRdBu).domain(datesExtent).nice()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"parsedFormationData = {\n return formationData.map((d) => {\n const parsed = { ...d };\n\n dateFields.forEach((dt) => {\n if (d[dt]) {\n parsed[dt] = parseDate(d[dt]);\n }\n });\n return parsed;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"dateFields = [\"formation\", \"unionTerritory\", \"statehood\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":179,"value":"oldestDateField = (id) => {\n const s = getTerritoryData(id);\n if (s) {\n const dates = [];\n dateFields.forEach((f) => {\n if (s[f]) {\n dates.push(s[f]);\n }\n });\n\n return dateFns.min(dates);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"datesExtent = {\n const dates = parsedFormationData.map((s) => oldestDateField(s.id));\n\n return d3.extent(dates);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":84,"value":"formatDate = d3.utcFormat(\"%d %b %Y\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"getTerritoryData = (id) => parsedFormationData.find((s) => s.id === id)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"cols = Math.max(...indiaGridMap.map((d) => d.x)) + 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"rows = Math.max(...indiaGridMap.map((d) => d.y))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":380,"value":"theme = (color) => (d3.lab(color).l < 70 ? \"light\" : \"dark\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":476,"value":"chartData = {\n let data = indiaGridMap;\n\n data = indiaGridMap.map((g) => {\n return {\n ...g,\n oldestDate: oldestDateField(g.id),\n data: getTerritoryData(g.id)\n };\n });\n\n data.sort((a, b) => {\n const aDate = a.oldestDate;\n const bDate = b.oldestDate;\n\n if (aDate < bDate) return -1;\n if (aDate > bDate) return 1;\n return 0;\n });\n\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"html = htl.html","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"import {indiaGridMap} from '@saneef/states-of-india-grid-map-data'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"dateFns = import(\"https://unpkg.com/date-fns@2.28.0/esm/index.js?module\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"generateLegend = (nCategories) => {\n const w = width / 2;\n const legend = Plot.legend({\n color: {\n scheme: \"rdbu\",\n label: \"\",\n ticks: 0,\n tickFormat: (d) => \"\",\n type: \"categorical\",\n domain: d3.range(nCategories)\n },\n columns: nCategories,\n swatchWidth: w / nCategories,\n swatchHeight: 25,\n width: w\n });\n\n return html`
\n
Oldest
\n
${legend}
\n
Newest
\n
`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"import { footer } from \"@saneef/notebooks-footer\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":509,"value":"footer","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"