30:[] 2e:{"title":"HTML Table","cells":[{"id":0,"value":"md`# HTML Table`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"html`\n\n\n\n\n\n\n\n

Land	Befolkning
Danmark	5.6
Sverige	10.12
Norge	5.37
Finland	5.51
Island	0.36

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":48,"value":"md`Vi kan flytte css'en ud fra indholdet og referere til html tags'ne via **class** eller **id**.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"css = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"html`\n\n\n\n\n\n\n\n

Land	Befolkning
Sverige	10.12
Danmark	5.6
Finland	5.51
Norge	5.37
Island	0.36

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"md`En tabel med data og D3`","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"lande_data=[\n {\"Land\": \"Sverige\", \"Befolkning\": 10.12},\n {\"Land\": \"Danmark\", \"Befolkning\": 5.6},\n {\"Land\": \"Finland\", \"Befolkning\": 5.51},\n {\"Land\": \"Norge\", \"Befolkning\": 5.37},\n {\"Land\": \"Island\", \"Befolkning\": 0.36}\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"d3table={\n const table=d3.select(DOM.element(\"table\"));\n \n const header_row=table.append(\"tr\");\n \n header_row.append(\"th\").text(\"Land\");\n header_row.append(\"th\").text(\"Befolkning\");\n \n const table_rows=table\n .selectAll(\".mytr\")\n .data(lande_data)\n .enter()\n .append(\"tr\")\n .attr(\"class\", \"mytr\");\n \n table_rows\n .append(\"td\")\n .text(d=>d[\"Land\"]);\n \n table_rows\n .append(\"td\")\n .text(d=>d[\"Befolkning\"])\n \n return table.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":79,"value":"chart={\n const svg=d3.select(DOM.svg(width, height));\n\n svg.selectAll(\"rect\")\n .data(lande_data)\n .enter()\n .append(\"rect\")\n .attr(\"x\", (d,i)=>i*50)\n .attr(\"width\", 30)\n .attr(\"y\", d=>height-d.Befolkning*20-20)\n .attr(\"height\", d=>d.Befolkning*20);\n \n\n \n return svg.node();\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":80,"value":"height=300","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}