31:T656,html``32: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" } ]33:[] 2f:{"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"},{"id":359,"value":"generateLegend(colorScale.ticks().length)","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"html`

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

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"## Code","pinned":false,"hidden":false,"mode":"md"},{"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"},{"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"},{"id":201,"value":"colorScale = d3.scaleSequential(d3.interpolateRdBu).domain(datesExtent).nice()","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":167,"value":"dateFields = [\"formation\", \"unionTerritory\", \"statehood\"]","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":77,"value":"parseDate = d3.timeParse(\"%Y-%m-%d\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"formatDate = d3.utcFormat(\"%d %b %Y\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"getTerritoryData = (id) => parsedFormationData.find((s) => s.id === id)","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"cols = Math.max(...indiaGridMap.map((d) => d.x)) + 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"rows = Math.max(...indiaGridMap.map((d) => d.y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"theme = (color) => (d3.lab(color).l < 70 ? \"light\" : \"dark\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":400,"value":"## Data","pinned":false,"hidden":false,"mode":"md"},{"id":69,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":404,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":23,"value":"html = htl.html","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"import {indiaGridMap} from '@saneef/states-of-india-grid-map-data'","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"dateFns = import(\"https://unpkg.com/date-fns@2.28.0/esm/index.js?module\")","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":503,"value":"import { footer } from \"@saneef/notebooks-footer\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":509,"value":"footer","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}