29:null 2a:["$","title",null,{"children":"World History Timeline | Joe | Observable"}] 2f:T881,chart = { let filteredData; if(sorting !== "time") { filteredData = [].concat.apply([], dataByRegion.map(d=>d.values)); } else { filteredData = data.sort((a,b)=> a.start-b.start); } filteredData.forEach(d=> d.color = d3.color(color(d.region))) let parent = this; if (!parent) { parent = document.createElement("div"); const svg = d3.select(DOM.svg(width, height)); const g = svg.append("g").attr("transform", (d,i)=>`translate(${margin.left} ${margin.top})`); const groups = g .selectAll("g") .data(filteredData) .enter() .append("g") .attr("class", "civ") const tooltip = d3.select(document.createElement("div")).call(createTooltip); const line = svg.append("line").attr("y1", margin.top-10).attr("y2", height-margin.bottom).attr("stroke", "rgba(0,0,0,0.2)").style("pointer-events","none"); groups.attr("transform", (d,i)=>`translate(0 ${y(i)})`) groups .each(getRect) .on("mouseover", function(d) { d3.select(this).select("rect").attr("fill", d.color.darker()) tooltip .style("opacity", 1) .html(getTooltipContent(d)) }) .on("mouseleave", function(d) { d3.select(this).select("rect").attr("fill", d.color) tooltip.style("opacity", 0) }) svg .append("g") .attr("transform", (d,i)=>`translate(${margin.left} ${margin.top-10})`) .call(axisTop) svg .append("g") .attr("transform", (d,i)=>`translate(${margin.left} ${height-margin.bottom})`) .call(axisBottom) svg.on("mousemove", function(d) { let [x,y] = d3.mouse(this); line.attr("transform", `translate(${x} 0)`); y +=20; if(x>width/2) x-= 100; tooltip .style("left", x + "px") .style("top", y + "px") }) parent.appendChild(svg.node()); parent.appendChild(tooltip.node()); parent.groups = groups; } else { const civs = d3.selectAll(".civ") civs.data(filteredData, d=>d.civilization) .transition() // .delay((d,i)=>i*10) .ease(d3.easeCubic) .attr("transform", (d,i)=>`translate(0 ${y(i)})`) } return parent }30:T10a3,data3_str = `[{"civilization":"Mesopotamian civilization","start":-3500,"end":-550,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Egyptian civilization","start":-3000,"end":-550,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Musquean","start":-3000,"end":-1000,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"MEDIEVAL WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Indus civilization","start":-2500,"end":-1500,"startLabel":"","endLabel":"","region":"South Asia","timeline":"ANCIENT WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Aegean civilization","start":-2000,"end":-1200,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Ancient China","start":-2000,"end":500,"startLabel":"","endLabel":"","region":"East Asia","timeline":"ANCIENT WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Early Nubian civilization","start":-2000,"end":-1000,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"ANCIENT WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"Formative age of Mesoamerica","start":-1500,"end":100,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"ANCIENT WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Vedic age","start":-1500,"end":-500,"startLabel":"","endLabel":"","region":"South Asia","timeline":"ANCIENT WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Greek age","start":-1200,"end":0,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Ancient Andean region","start":-1000,"end":500,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"ANCIENT WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Ancient Steppe empires","start":-1000,"end":500,"startLabel":"","endLabel":"","region":"the Steppe","timeline":"ANCIENT WORLD","color":{"r":229,"g":196,"b":148,"opacity":1}},{"civilization":"Kush","start":-1000,"end":300,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"ANCIENT WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"First Persian Empire","start":-550,"end":-330,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Indian kingdom age","start":-500,"end":1200,"startLabel":"","endLabel":"","region":"South Asia","timeline":"ANCIENT WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Roman Republic","start":-500,"end":0,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Inter-Persian period","start":-330,"end":200,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Ptolemaic Egypt","start":-330,"end":0,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Second Persian Empire","start":-200,"end":650,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Roman > Byzantine Egypt","start":0,"end":650,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Roman Empire","start":0,"end":500,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Classic age of Mesoamerica","start":100,"end":900,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"ANCIENT WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}}]`31:T2798,data2_str = `[{"civilization":"Mesopotamian civilization","start":-3500,"end":-550,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Egyptian civilization","start":-3000,"end":-550,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Musquean","start":-3000,"end":-1000,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"MEDIEVAL WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Indus civilization","start":-2500,"end":-1500,"startLabel":"","endLabel":"","region":"South Asia","timeline":"ANCIENT WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Aegean civilization","start":-2000,"end":-1200,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Ancient China","start":-2000,"end":500,"startLabel":"","endLabel":"","region":"East Asia","timeline":"ANCIENT WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Early Nubian civilization","start":-2000,"end":-1000,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"ANCIENT WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"Formative age of Mesoamerica","start":-1500,"end":100,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"ANCIENT WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Vedic age","start":-1500,"end":-500,"startLabel":"","endLabel":"","region":"South Asia","timeline":"ANCIENT WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Greek age","start":-1200,"end":0,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Ancient Andean region","start":-1000,"end":500,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"ANCIENT WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Ancient Steppe empires","start":-1000,"end":500,"startLabel":"","endLabel":"","region":"the Steppe","timeline":"ANCIENT WORLD","color":{"r":229,"g":196,"b":148,"opacity":1}},{"civilization":"Kush","start":-1000,"end":300,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"ANCIENT WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"First Persian Empire","start":-550,"end":-330,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Indian kingdom age","start":-500,"end":1200,"startLabel":"","endLabel":"","region":"South Asia","timeline":"ANCIENT WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Roman Republic","start":-500,"end":0,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Inter-Persian period","start":-330,"end":200,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Ptolemaic Egypt","start":-330,"end":0,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Second Persian Empire","start":-200,"end":650,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Roman > Byzantine Egypt","start":0,"end":650,"startLabel":"","endLabel":"","region":"Middle East","timeline":"ANCIENT WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Roman Empire","start":0,"end":500,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"ANCIENT WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Classic age of Mesoamerica","start":100,"end":900,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"ANCIENT WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Peak of Aksum","start":300,"end":650,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"MEDIEVAL WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"Age of Turkic empires","start":500,"end":1200,"startLabel":"","endLabel":"","region":"Middle East","timeline":"MEDIEVAL WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Formative Japan (age of Yamato rule)","start":500,"end":800,"startLabel":"","endLabel":"","region":"East Asia","timeline":"MEDIEVAL WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Medieval Andean region","start":500,"end":1530,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"MEDIEVAL WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Medieval China","start":500,"end":1500,"startLabel":"","endLabel":"","region":"East Asia","timeline":"MEDIEVAL WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Medieval Europe","start":500,"end":1500,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"MEDIEVAL WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Age of pre-colonial civilization (Christian, Islamic, and traditional kingdoms)","start":650,"end":1880,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"MEDIEVAL WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"Age of united Caliphate","start":650,"end":900,"startLabel":"","endLabel":"","region":"Middle East","timeline":"MEDIEVAL WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Heian age","start":800,"end":1200,"startLabel":"","endLabel":"","region":"East Asia","timeline":"MEDIEVAL WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Fractured Islamic world","start":900,"end":2018,"startLabel":"","endLabel":"present","region":"Middle East","timeline":"MODERN WORLD","color":{"r":102,"g":194,"b":165,"opacity":1}},{"civilization":"Postclassic age of Mesoamerica","start":900,"end":1520,"startLabel":"","endLabel":"","region":"pre-colonial Americas","timeline":"MEDIEVAL WORLD","color":{"r":252,"g":141,"b":98,"opacity":1}},{"civilization":"Early Islamic period","start":1200,"end":1500,"startLabel":"","endLabel":"","region":"South Asia","timeline":"MEDIEVAL WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Mongol Empire","start":1200,"end":1300,"startLabel":"","endLabel":"","region":"the Steppe","timeline":"MEDIEVAL WORLD","color":{"r":229,"g":196,"b":148,"opacity":1}},{"civilization":"Shogunate","start":1200,"end":1870,"startLabel":"","endLabel":"","region":"East Asia","timeline":"MEDIEVAL WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Colonial United States","start":1500,"end":1776,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"MODERN WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Early modern China","start":1500,"end":1918,"startLabel":"","endLabel":"WWI","region":"East Asia","timeline":"MODERN WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Early modern Europe","start":1500,"end":1800,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"MODERN WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Mughal Empire","start":1500,"end":1800,"startLabel":"","endLabel":"","region":"South Asia","timeline":"MODERN WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Formative US","start":1776,"end":1865,"startLabel":"","endLabel":"","region":"Europe (and colonial offshoots)","timeline":"MODERN WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"British India","start":1800,"end":1945,"startLabel":"","endLabel":"WWII","region":"South Asia","timeline":"MODERN WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Modern Europe","start":1800,"end":2018,"startLabel":"","endLabel":"present","region":"Europe (and colonial offshoots)","timeline":"MODERN WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Great power US","start":1865,"end":1945,"startLabel":"","endLabel":"WWII","region":"Europe (and colonial offshoots)","timeline":"MODERN WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Imperial Japan","start":1870,"end":1945,"startLabel":"","endLabel":"WWII","region":"East Asia","timeline":"MODERN WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Colonial Africa","start":1880,"end":1980,"startLabel":"","endLabel":"","region":"Sub-Saharan Africa","timeline":"MODERN WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}},{"civilization":"Republic of China","start":1918,"end":1945,"startLabel":"","endLabel":"","region":"East Asia","timeline":"MODERN WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Modern India","start":1945,"end":2018,"startLabel":"","endLabel":"present","region":"South Asia","timeline":"MODERN WORLD","color":{"r":141,"g":160,"b":203,"opacity":1}},{"civilization":"Modern Japan","start":1945,"end":2018,"startLabel":"","endLabel":"present","region":"East Asia","timeline":"MODERN WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"People's Republic of China","start":1945,"end":2018,"startLabel":"WWII","endLabel":"present","region":"East Asia","timeline":"MODERN WORLD","color":{"r":166,"g":216,"b":84,"opacity":1}},{"civilization":"Superpower US","start":1945,"end":2018,"startLabel":"","endLabel":"present","region":"Europe (and colonial offshoots)","timeline":"MODERN WORLD","color":{"r":231,"g":138,"b":195,"opacity":1}},{"civilization":"Modern Africa","start":1980,"end":2018,"startLabel":"WWII","endLabel":"present","region":"Sub-Saharan Africa","timeline":"MODERN WORLD","color":{"r":255,"g":217,"b":47,"opacity":1}}]`32:[{"id":"fcc0015cbe24eea265833239de543af33607f288cc9959f9ce4d0e2456b25dbaae5ff62a355704d879441905518bdbbeef0d13496346f63bfed61b07decbd0d3","href":"https://static.observableusercontent.com/files/fcc0015cbe24eea265833239de543af33607f288cc9959f9ce4d0e2456b25dbaae5ff62a355704d879441905518bdbbeef0d13496346f63bfed61b07decbd0d3","name":"civilization timelines - civilization timelines.csv","type":"text/csv","lastModified":1680375951445.936,"size":3382},{"id":"9dab794912333cabfe3391903d9fefe25810ac37bc153322ea2fc784ae737f74f4a83f24691c1acb788f9aaf0f17447d41121f9e86b56778fdd174abdda30aee","href":"https://static.observableusercontent.com/files/9dab794912333cabfe3391903d9fefe25810ac37bc153322ea2fc784ae737f74f4a83f24691c1acb788f9aaf0f17447d41121f9e86b56778fdd174abdda30aee","name":"civilization timelines - civilization timelines@1.csv","type":"text/csv","lastModified":1680375982676.34,"size":3421},{"id":"9dab794912333cabfe3391903d9fefe25810ac37bc153322ea2fc784ae737f74f4a83f24691c1acb788f9aaf0f17447d41121f9e86b56778fdd174abdda30aee","href":"https://static.observableusercontent.com/files/9dab794912333cabfe3391903d9fefe25810ac37bc153322ea2fc784ae737f74f4a83f24691c1acb788f9aaf0f17447d41121f9e86b56778fdd174abdda30aee","name":"civilization timelines - civilization timelines@2.csv","type":"text/csv","lastModified":1680376013268.631,"size":3421},{"id":"68051d16f052e28611b91c07d5c09ac4b74fa81993f472daa46b72b590cca9fd89e7a130365c2c241b93ef4bbe478c1836b2a8fd8a506996e79222f9d6016316","href":"https://static.observableusercontent.com/files/68051d16f052e28611b91c07d5c09ac4b74fa81993f472daa46b72b590cca9fd89e7a130365c2c241b93ef4bbe478c1836b2a8fd8a506996e79222f9d6016316","name":"civilization timelines - civilization timelines@3.csv","type":"text/csv","lastModified":1680376556452.501,"size":3443}] 2d:{"id":"d9fb6844572d722c","slug":null,"title":"World History Timeline","thumbnail":"b60e56f127889de4a6851b71881fb6672720a346838d2d5cc0bf70581330b8ad","access_level":"public","create_time":"$D2023-04-01T19:05:51.445Z","update_time":"$D2023-04-01T23:36:40.982Z","view_time":null,"first_public_time":"$D2023-04-01T19:05:51.445Z","fork":{"id":"6f8f62930d4149f9","slug":"world-history-timeline","title":"World History Timeline","owner":{"id":"eb1622af3a3424c4","login":"tezzutezzu","name":"Danilo Di Cuia"}},"stars":1,"starred":false,"owner":{"type":"team","id":"d4bde6b3ee650269","login":"josephsmann","name":"Joe","avatar_url":"https://avatars-next.observableusercontent.com/8089eca3d0d1bfc18ba5f7492ea1574d05db45eebbc8e0f3af1c72105b236d4c","tier":"starter_2024"},"version":835,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc88ff3942f7785e","login":"josephsmann","name":"Joe","avatar_url":"https://avatars-next.observableusercontent.com/8089eca3d0d1bfc18ba5f7492ea1574d05db45eebbc8e0f3af1c72105b236d4c","tier":null}],"members":[{"type":"individual","id":"fc88ff3942f7785e","login":"josephsmann","name":"Joe","avatar_url":"https://avatars-next.observableusercontent.com/8089eca3d0d1bfc18ba5f7492ea1574d05db45eebbc8e0f3af1c72105b236d4c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"World History Timeline","cells":[{"id":0,"value":"md`# World History Timeline\nData adapted from [Essential Humanities](http://www.essential-humanities.net/history-overview/world-history-timeline/)\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":632,"value":"viewof sorting = select({title: 'Sorted by', options:[\"region\",\"time\"], value:\"time\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":822,"value":"data_str = JSON.stringify(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":827,"value":"data = JSON.parse(data3_str)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":833,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":825,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"getTooltipContent = function(d) {\nreturn `${d.civilization}\n
\n${d.region}\n
\n${formatDate(d.start)} - ${formatDate(d.end)}\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"height = 1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"\n y= d3.scaleBand()\n .domain(d3.range(data.length))\n .range([0,height - margin.bottom - margin.top])\n .padding(0.2)\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"x = d3.scaleLinear()\n .domain([d3.min(data, d => d.start), d3.max(data, d => d.end)])\n .range([0, width - margin.left - margin.right])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"margin = ({top: 30, right: 30, bottom: 30, left: 30})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":504,"value":"createTooltip = function(el) {\n el\n .style(\"position\", \"absolute\")\n .style(\"pointer-events\", \"none\")\n .style(\"top\", 0)\n .style(\"opacity\", 0)\n .style(\"background\", \"white\")\n .style(\"border-radius\", \"5px\")\n .style(\"box-shadow\", \"0 0 10px rgba(0,0,0,.25)\")\n .style(\"padding\", \"10px\")\n .style(\"line-height\", \"1.3\")\n .style(\"font\", \"11px sans-serif\")\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"getRect = function(d){\n const el = d3.select(this);\n const sx = x(d.start);\n const w = x(d.end) - x(d.start);\n const isLabelRight =(sx > width/2 ? sx+w < width : sx-w>0);\n\n el.style(\"cursor\", \"pointer\")\n\n el\n .append(\"rect\")\n .attr(\"x\", sx)\n .attr(\"height\", y.bandwidth())\n .attr(\"width\", w)\n .attr(\"fill\", d.color);\n\n el\n .append(\"text\")\n .text(d.civilization)\n .attr(\"x\",isLabelRight ? sx-5 : sx+w+5)\n .attr(\"y\", 2.5)\n .attr(\"fill\", \"black\")\n .style(\"text-anchor\", isLabelRight ? \"end\" : \"start\")\n .style(\"dominant-baseline\", \"hanging\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"dataByTimeline = d3.nest().key(d=>d.timeline).entries(data);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"dataByRegion = d3.nest().key(d=>d.region).entries(data);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"axisBottom = d3.axisBottom(x)\n .tickPadding(2)\n .tickFormat(formatDate)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"axisTop = d3.axisTop(x)\n .tickPadding(2)\n .tickFormat(formatDate)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"formatDate = d=> d < 0 ? `${-d}BC` : `${d}AD`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"csv =d3.csvParse(await FileAttachment(\"civilization timelines - civilization timelines@3.csv\").text())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"data_csv = csv\n .map((d) => {\n return {\n ...d,\n start: +d.start,\n end: +d.end\n };\n })\n .sort((a, b) => a.start - b.start)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"regions = d3.nest().key(d=>d.region).entries(data).map(d=>d.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"timelines = dataByTimeline.map(d=>d.key)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"color = d3.scaleOrdinal(d3.schemeSet2).domain(regions)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"import {checkbox, select} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"html`CSS`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"