2f:[{"id":"b9ec05d0f4a3c5ca71ad64acfe7ffdea4e09328ec402f867d5fd9a36bcab30ee38b8818c9555c2dd77ec65ec4c4255ad41947eb216496cb8fdb4e2bd7e8e7e65","href":"https://static.observableusercontent.com/files/b9ec05d0f4a3c5ca71ad64acfe7ffdea4e09328ec402f867d5fd9a36bcab30ee38b8818c9555c2dd77ec65ec4c4255ad41947eb216496cb8fdb4e2bd7e8e7e65","name":"Cronologia-Colombia.csv","type":"text/csv","lastModified":1725869553564.737,"size":12951}] 2d:{"title":"Cronologia Colombia","cells":[{"id":0,"value":"# Cronologia Colombia","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"data = FileAttachment(\"Cronologia-Colombia.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":153,"value":"## Seleccionar el intervalo de años","pinned":false,"hidden":false,"mode":"md"},{"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"},{"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"},{"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"},{"id":191,"value":"preparedData = eventsSelection && eventsSelection !== 'Todo' ? previousData.filter(({ Tipo }) => Tipo === eventsSelection ) : previousData;","pinned":true,"hidden":false,"mode":"ojs"},{"id":110,"value":"yourCats = [\"Tipo\", \"Ciudad\", \"Organizador\"]; // available categories","pinned":true,"hidden":false,"mode":"ojs"},{"id":112,"value":"yourActiveCat = \"Tipo\"; // category that is currently shown -> can be interactive!","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"truncateString = (string = '', maxLength = 50) => \n string.length > maxLength \n ? `${string.substring(0, maxLength)}…`\n : string","pinned":true,"hidden":false,"mode":"ojs"},{"id":171,"value":"## Ancho de primera tabla","pinned":false,"hidden":false,"mode":"md"},{"id":44,"value":"viewof widthSlider = slider({ value: 1 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"viewof labelDistribution = html``","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":46,"value":"milestones = require('d3-milestones')","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"generateEventTimeline()","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"stylesheet = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":50,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"id":117,"value":"import {generateStyles} from \"@mahog/event-timeline-collections\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":176,"value":"import {radio} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"\n\n

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

\n\n","pinned":false,"hidden":false,"mode":"html"},{"id":10,"value":"\n","pinned":false,"hidden":false,"mode":"html"}],"files":"$W2f","stdlib":"1","titling":"auto"}