2f:[{"id":"f792ee469606ce2c86eb969415b159069e448fad62391dcb00bd6210a556dd56be790633dca05fba188d06736c575aa1fbf00f6e5c1d455d243954737c30ddc4","href":"https://static.observableusercontent.com/files/f792ee469606ce2c86eb969415b159069e448fad62391dcb00bd6210a556dd56be790633dca05fba188d06736c575aa1fbf00f6e5c1d455d243954737c30ddc4","name":"Avaluaci__de_sis__d_educaci__prim_ria_20250626 (2).csv","type":"text/csv","lastModified":1750924948432.408,"size":5036228}] 2d:{"title":"Dia 3 — JavaScript, Arrays i Fitxers de Dades","cells":[{"id":0,"value":"# Dia 3 — JavaScript, Arrays i Fitxers de Dades","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"## 🎯 Objectiu de la sessió\nAprendre a utilitzar JavaScript dins d’Observable per manipular dades. Descobrir com funcionen les variables, les funcions, els arrays i com llegir fitxers CSV per preparar visualitzacions a partir d’informació real.","pinned":false,"hidden":false,"mode":"md"},{"id":8,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":10,"value":"### 🧠 Introducció a JavaScript\nJavaScript és el llenguatge principal que s'utilitza a Observable. Es pot escriure codi dins de cèl·les i definir variables o funcions. Cada cèl·la funciona de manera independent però reactiva: si una variable canvia, totes les altres que la utilitzen també s’actualitzen automàticament.\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":16,"value":"### Variables i operacions bàsiques\nEs pot declarar variables amb números, textos o booleans.","pinned":false,"hidden":false,"mode":"md"},{"id":18,"value":"x = 4","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"y = 6","pinned":true,"hidden":false,"mode":"ojs"},{"id":22,"value":"z = x + y","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"dia = \"dissabte\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"missatge = `El meu dia preferit de la setmana és el ${dia}`","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":32,"value":"### Funcions\nLes funcions ens ajuden a reutilitzar i/o encapsular codi.\n","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"function sumar(a, b) {\n return a + b;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"sumar(5, 19)","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"function saluda(nom) {\n return `Hola, ${nom}! Com estàs?`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":185,"value":"saluda(\"profe\") ","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"saluda(\"alumna\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":41,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":43,"value":"### Arrays – Llistes de dades\n","pinned":false,"hidden":false,"mode":"md"},{"id":46,"value":"persones = [\n {\n nom: \"Anna\",\n edat: 24,\n pais: \"United Kingdom\"\n },\n {\n nom: \"Bea\",\n edat: 26,\n pais: \"Switzerland\"\n },\n {\n nom: \"Maria\",\n edat: 45,\n pais: \"Spain\"\n }\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"map: transformar cada element","pinned":false,"hidden":false,"mode":"md"},{"id":50,"value":"nomsMajuscules = persones.map((persona) => persona.nom.toUpperCase())","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"// filter: filtrar segons una condició","pinned":false,"hidden":false,"mode":"md"},{"id":59,"value":"paisos = persones.filter((persona) => persona.pais.includes(\"a\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":57,"value":"// sort: ordena els elements\n","pinned":false,"hidden":false,"mode":"md"},{"id":52,"value":"ordenarEdat = persones.sort((a, b) => b.edat < a.edat)","pinned":true,"hidden":false,"mode":"ojs"},{"id":116,"value":"// find: troba el primer resultat que compleixi amb la condició\n","pinned":false,"hidden":false,"mode":"md"},{"id":119,"value":"maria = persones.find((d) => d.nom === \"Maria\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":192,"value":"// reduce: acumula tots els valors d’un array en un sol resultat.","pinned":false,"hidden":false,"mode":"md"},{"id":195,"value":"mitjana_edat = persones.reduce((acc, p) => acc + p.edat, 0) / persones.length","pinned":true,"hidden":false,"mode":"ojs"},{"id":61,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":63,"value":"### 📂 Llegir fitxers de dades a Observable\nPodem pujar fitxers CSV i accedir-hi com a arrays d’objectes.\n\nPAS 1 — Pujar un fitxer\nFes clic a 📎 (a dalt a la dreta) i selecciona un fitxer .csv (per exemple, dades.csv).\n\nPAS 2 — Carregar el fitxer","pinned":false,"hidden":false,"mode":"md"},{"id":65,"value":"PAS 3 — Visualitzar el contingut","pinned":false,"hidden":false,"mode":"md"},{"id":68,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":70,"value":"## EXERCICI\n🎯 Objectiu: llegir un fitxer CSV i fer operacions amb arrays\n\n**Dades**: un array d’alumnes amb informació com l’any, codi, notes (PCAT, PCAST, PMAT, PANG), gènere, àrea territorial i naturalesa del centre (Públic/Privat).\n\nhttps://analisi.transparenciacatalunya.cat/Educaci-/Avaluaci-de-sis-d-educaci-prim-ria/rk5x-gny6/about_data\n\n*Documentació* : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array","pinned":false,"hidden":false,"mode":"md"},{"id":74,"value":"PAS 1 — Carrega i mostra el fitxer","pinned":false,"hidden":false,"mode":"md"},{"id":105,"value":"avaluacio = await FileAttachment(\"Avaluaci__de_sis__d_educaci__prim_ria_20250626 (2).csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"dades = FileAttachment(\n \"Avaluaci__de_sis__d_educaci__prim_ria_20250626 (2).csv\"\n).csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"Inputs.table(dades)","pinned":true,"hidden":false,"mode":"ojs"},{"id":76,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":79,"value":"PAS 2 — Extreure una llista de notes de matemàtiques","pinned":false,"hidden":false,"mode":"md"},{"id":108,"value":"notes_matematiques = avaluacio.map((alumne) => alumne.PMAT)","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":83,"value":"PAS 3 — Trobar les alumnes que han tret més de 90 en català (PCAT) i són noies (GENERE === \"D\")\n","pinned":false,"hidden":false,"mode":"md"},{"id":132,"value":"noies_catala = avaluacio.filter(\n (alumne) => alumne.PCAT > 90 && alumne.GENERE === \"D\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":88,"value":"PAS 4 — Ordenar els alumnes per nota d’anglès (PANG) de més alta a més baixa","pinned":false,"hidden":false,"mode":"md"},{"id":138,"value":"notes_angles = avaluacio.sort((a, b) => b.PANG - a.PANG)","pinned":false,"hidden":false,"mode":"ojs"},{"id":147,"value":"*⚠️ Aquest .sort() modifica l’array original. Si vols evitar-ho:*","pinned":false,"hidden":false,"mode":"md"},{"id":140,"value":"copia_notes_angles = [...avaluacio].sort((a, b) => b.PANG - a.PANG)","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"PAS 5 — Trobar el primer alumne del Vallès Occidental que ha tret més de 80 en matemàtiques","pinned":false,"hidden":false,"mode":"md"},{"id":151,"value":"alumne_valles = avaluacio.find(\n (alumne) =>\n alumne.AREA_TERRITORIAL === \"Vallès Occidental\" && alumne.PMAT > 80\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":155,"value":"**Repte final (Opcional) **\n\nPer a cada alumne, calcular la seva nota mitjana a partir de 4 assignatures i classificar-lo segons el seu rendiment acadèmic.\n","pinned":false,"hidden":false,"mode":"md"},{"id":174,"value":"function mitjana(alumne) {\n const notes = [alumne.PCAT, alumne.PCAST, alumne.PMAT, alumne.PANG];\n const notesFiltrades = notes.filter((a) => !Number.isNaN(a));\n const mitjana =\n notesFiltrades.reduce((acc, n) => acc + n, 0) / notesFiltrades.length;\n\n return mitjana;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"function classificacio(nota) {\n if (nota >= 90) return \"Excel·lent\";\n if (nota >= 70) return \"Notable\";\n if (nota >= 50) return \"Suficient\";\n return \"Insuficient\";\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":167,"value":"nou_array = avaluacio.map((alumne) => ({\n ...alumne,\n mitjana: mitjana(alumne).toFixed(2),\n classificacio: classificacio(mitjana(alumne))\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":90,"value":"
","pinned":false,"hidden":false,"mode":"html"}],"files":"$W2f","stdlib":"1","titling":"auto"}