27:null 28:["$","title",null,{"children":"Cronologia Colombia | Fabián Ríos | Observable"}] 2d:[{"id":"b9ec05d0f4a3c5ca71ad64acfe7ffdea4e09328ec402f867d5fd9a36bcab30ee38b8818c9555c2dd77ec65ec4c4255ad41947eb216496cb8fdb4e2bd7e8e7e65","href":"https://static.observableusercontent.com/files/b9ec05d0f4a3c5ca71ad64acfe7ffdea4e09328ec402f867d5fd9a36bcab30ee38b8818c9555c2dd77ec65ec4c4255ad41947eb216496cb8fdb4e2bd7e8e7e65","name":"Cronologia-Colombia.csv","type":"text/csv","lastModified":1725869553564.737,"size":12951}] 2b:{"id":"bc89e81bd1ea1521","slug":null,"title":"Cronologia Colombia","thumbnail":"3da59240c114b1b5e76b6125d36b4a8c69421eb872e79ee4bc850a1227cd98ee","access_level":"public","create_time":"$D2024-09-09T08:12:02.811Z","update_time":"$D2024-09-23T08:11:00.333Z","view_time":null,"first_public_time":"$D2024-09-09T08:12:02.811Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c9c2971b3cddb730","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":"starter_2024"},"version":200,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"acfb887b295452f6","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":null}],"members":[{"type":"individual","id":"acfb887b295452f6","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":null,"role":"editor"},{"type":"team","id":"c9c2971b3cddb730","login":"fabianrios","name":"Fabián Ríos","avatar_url":"https://avatars-next.observableusercontent.com/f4ced7390674d68ce011939301428ba4179afe947348bd363536ecd5b5f031de","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Cronologia Colombia","cells":[{"id":0,"value":"# Cronologia Colombia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"data = FileAttachment(\"Cronologia-Colombia.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"## Seleccionar el intervalo de años","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":139,"value":"viewof yearInterval = interval([1890, 2024], {\n step: 1,\n value: [1940, 1990],\n label: 'Seleccionar Intervalo de años',\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":174,"value":"viewof eventsSelection = radio({\n title: 'Events',\n description: 'Please select which events to show',\n options: [\n { label: 'Exhibición', value: 'Exhibición' },\n { label: 'Obra', value: 'Obra' },\n { label: 'Todo', value: 'Todo' },\n { label: 'Evento histórico', value: 'Evento histórico' },\n { label: 'Periodización', value: 'Periodización' },\n ],\n value: \"Exhibición\"\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"previousData = data\n .map(function (d) {\n const title = truncateString(d.Acontecimiento, 20);\n const year = d.Fecha;\n const start = d.Fecha;\n const addYear = +start + 1;\n const end = addYear.toString();\n const collection = [];\n return { ...d, title, year, start, collection, end };\n })\n .filter(d => d.year > yearInterval[0] && d.year < yearInterval[1])\n .filter(({ year }, index) => !year.includes(year, index + 1))\n .sort((a, b) => d3.ascending(a.year, b.year))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"preparedData = eventsSelection && eventsSelection !== 'Todo' ? previousData.filter(({ Tipo }) => Tipo === eventsSelection ) : previousData;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"yourCats = [\"Tipo\", \"Ciudad\", \"Organizador\"]; // available categories","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"yourActiveCat = \"Tipo\"; // category that is currently shown -> can be interactive!","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"truncateString = (string = '', maxLength = 50) => \n string.length > maxLength \n ? `${string.substring(0, maxLength)}…`\n : string","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"## Ancho de primera tabla","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":44,"value":"viewof widthSlider = slider({ value: 1 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"viewof labelDistribution = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"vikings = {\n const wrapper = DOM.element('div');\n const width = 1800;\n const height = 600;\n wrapper.style.width = width + 'px';\n wrapper.style.height = height + 'px';\n \n const m = DOM.element('div');\n m.id = 'timeline';\n m.style.width = (widthSlider * width) + 'px';\n m.style.height = height + 'px';\n m.style.margin = 'auto';\n // needs padding otherwise label optimization will fail\n m.style.padding = '1px';\n wrapper.appendChild(m);\n\n // without the timeout observable isn't able to do the label optimization properly\n setTimeout(() => {\n const ms = milestones(m)\n .mapping({\n 'timestamp': 'year',\n 'text': 'title',\n })\n .autoResize(true)\n .parseTime('%Y')\n .aggregateBy('year')\n .optimize(true)\n .distribution(labelDistribution)\n .render(preparedData);\n }, 0);\n\n return wrapper;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"milestones = require('d3-milestones')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"generateEventTimeline()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"stylesheet = html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"import {generateEventTimeline} \n with {preparedData as events, yourCats as categories, yourActiveCat as activeColorCategory} \n from \"@mahog/event-timeline-collections\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"import {generateStyles} from \"@mahog/event-timeline-collections\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"\n\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":132,"value":"import {interval} from '@mootari/range-slider'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"\n\n

\n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"