3f:null 40:["$","title",null,{"children":"Test - Lliurament Projecte 1 | Nil Valero Pi | Observable"}] 46:[{"id":"74e7a5f196accc676de793e815d00329e043724b7369795698b85729bea9638e20fd7407766a134563abb6ed0cbf363445e53db7e9a6e75bcbe9d8ca4fd519a2","href":"https://static.observableusercontent.com/files/74e7a5f196accc676de793e815d00329e043724b7369795698b85729bea9638e20fd7407766a134563abb6ed0cbf363445e53db7e9a6e75bcbe9d8ca4fd519a2","name":"US Presidential Elections.tsv","type":"text/tab-separated-values","lastModified":1619528005481.242,"size":209507},{"id":"6011fb1ffba77019009e78e490e69b1f47371e3d7909f936503a3e18a850514bd54d95dda019f866dfad5324e55cdbe8f9ec5846914cc5b5106756fb963fdb81","href":"https://static.observableusercontent.com/files/6011fb1ffba77019009e78e490e69b1f47371e3d7909f936503a3e18a850514bd54d95dda019f866dfad5324e55cdbe8f9ec5846914cc5b5106756fb963fdb81","name":"viz (2).png","type":"image/png","lastModified":1621265170984.661,"size":188767}] 44:{"id":"e81f062305707e55","slug":"test-lliurament-projecte-1","title":"Test - Lliurament Projecte 1","thumbnail":"f0f2d33adcf747187d0779e158b85ce21b5acf9adf861774540c6c1fc3579b6b","access_level":"public","create_time":"$D2021-04-27T10:50:18.656Z","update_time":"$D2021-05-17T17:02:15.645Z","view_time":null,"first_public_time":"$D2021-05-17T15:42:59.397Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"390a68d2f5548119","login":"nilvalero","name":"Nil Valero Pi","avatar_url":"https://avatars-next.observableusercontent.com/aaab8f787cdf328228b9fc045d0fbca12d3b78249d924496454517c4c25201e7","tier":"starter_2024","bio":"","following":false},"version":301,"publish_version":301,"role":null,"authored":false,"authors":[{"type":"individual","id":"535cfece478d67e9","login":"nilvalero","name":"Nil Valero Pi","avatar_url":"https://avatars-next.observableusercontent.com/aaab8f787cdf328228b9fc045d0fbca12d3b78249d924496454517c4c25201e7","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"535cfece478d67e9","login":"nilvalero","name":"Nil Valero Pi","avatar_url":"https://avatars-next.observableusercontent.com/aaab8f787cdf328228b9fc045d0fbca12d3b78249d924496454517c4c25201e7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Test - Lliurament Projecte 1","cells":[{"id":0,"value":"md`# Test - Lliurament Projecte 1`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"\n md`## *17/05/2021*`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"html `
`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"md `\n### 1. File attachment\nL'arxiu és en format TSV\n\nS'importa amb FileAttachment\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"file = FileAttachment(\"US Presidential Elections.tsv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"text = file.text()\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":262,"value":"md `El dataset, és una taula en format tsv formada per items amb diversos atributs: any, estat, nombre de vots, percentatge de vots, partits polítics (democrates, republicans, lliberals, altres) ` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"html`
`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"md `### 2. Require d3 library`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"d3 = require('d3-dsv')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"html`
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"md `### 3. Parse the document`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"data = d3.tsvParse(text)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"html`
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"md `### 4. Require vegalite library`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"vegalite = require('@observablehq/vega-lite')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"html`
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"md`## Primera visualització utilitzant vegalite `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"vegalite({\n data: { values: data },\n mark: \"bar\",\n autosize: \"fit\",\n width: width,\n height: 500,\n encoding: {\n x: {\n field: \"year\",\n type: \"ordinal\",\n title: \"Any\"\n },\n y: {\n type: \"quantitative\",\n title: \"Percentatge de vots\",\n field: \"votes %\",\n },\n color: {\n field: \"party_simplified\",\n type: \"ordinal\",\n scale: {\n domain: [\"Democrat\", \"Republican\", \"Libertarian\", \"Other\"],\n range: [\"blue\", \"red\", \"yellow\", \"grey\"]\n },\n title: \"Partits politics\"\n },\n \n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"md `Aquesta visualització ens mostra les dades amb un gràfic de barres apilades normalitzat. Si aquest gràfic no es normalitza és molt més dificil comparar el percentatge de vots dels diversos partits però, per altra banda, permet veure com ha anat creixent el cens al llarg dels anys.\n\nCada item mostra els vots que va rebre un partit polític en un any i estat en concret. Se'ns mostren tots els partits que es van presentar a cada estat però es poden simplificar amb una categoria que agrupa els partits independents.\n\nEls colors que s'utilitzen són els que representen als principals partits d'EEUU desde sempre:\n - Republicans - Vermell\n - Democrates - Blau\n - Lliberals - Groc\n - Altres - Gris`\n\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"html`
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":"html`

Segona visualització amb vegalite

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"import {vl} from '@vega/vega-lite-api-v5'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":164,"value":"viewof groupedBarchart = vl.markBar()\n .data(data)\n .encode(\n vl.row().fieldN(\"year\").title(\"Anys\"),\n vl.x().fieldQ('number of votes').title(\"Vots\"),\n vl.y().fieldN('party_simplified').sort(\"Descending\").axis({ title: null }),\n vl.color().fieldN(\"party_simplified\").scale({ range: partyColors }).title(\"Partits polítics\"),\n )\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":171,"value":"partyColors = [\"blue\", \"yellow\", \"grey\", \"red\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"md `Amb aquesta altre visualització es poden comparar molt millor les diferencies de vots i es poden veure en una escala que mostra el nombre de vots enlloc del percentatge.\n\nD'aquesta manera és més fàcil veure com ha anat augmentant el cens al llarg dels anys.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":222,"value":"html `
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"html `

Segona visualització amb vegalite

Proposta de visualització