30:T921,function drawTable(dataList, caption = 'No Caption', fieldToClass = {}) { if (!dataList) { return md`*No Date*`; } const n = dataList.length; const fieldNameList = Object.keys(dataList[0]); const renderedHeaderRow = fieldNameList.map(function(fieldName) { const fieldNameStr = toTitleCase(fieldName.replace('_', ' ')); return html`${fieldNameStr}`; }); const renderedRowList = dataList.map(function(data) { const cellList = fieldNameList.map(function(fieldName) { const className = fieldToClass[fieldName]; let cellValue = data[fieldName] !== undefined ? data[fieldName] : ''; switch (className) { case 'country': cellValue = getCountryLabel(cellValue); break; case 'number signed': cellValue = drawNumberSigned(parseInt(cellValue)); break; case 'number': cellValue = formatNumber(cellValue); break; case 'percent': cellValue = formatPercent(parseFloat(cellValue)); break; case 'year': case 'location': cellValue = formatLatLng(cellValue); break; case 'timestamp': cellValue = new Date(parseInt(cellValue) * 1000).toLocaleDateString(); break; case 'wikilink': cellValue = drawWikiLink(cellValue); break; default: cellValue = cellValue.toLocaleString(); } return html`${cellValue}`; }); return html`${cellList}`; }); return html`

${renderedHeaderRow} ${renderedRowList}

Table: ${caption}

`; }31:[] 2e:{"title":"Drawing Utils","cells":[{"id":0,"value":"md`# Drawing Utils`","pinned":true,"hidden":false,"mode":"ojs"},{"id":59,"value":"import { input } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"import {\n toTitleCase,\n formatPercent,\n formatNumber,\n formatLatLng\n} from '@nuuuwan/string-utils'","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"import {getCountryLabel} from '@nuuuwan/country-utils';","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"function drawNumberSigned(x) {\n let xStr = x.toLocaleString();\n let color = 'grey';\n if (x > 0) {\n color = 'red';\n xStr = '+' + xStr;\n } else if (x < -0) {\n color = 'blue';\n }\n\n return html`\n \n ${xStr}\n \n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":107,"value":"drawNumberSigned(1000)","pinned":true,"hidden":false,"mode":"ojs"},{"id":109,"value":"drawNumberSigned(-2000)","pinned":true,"hidden":false,"mode":"ojs"},{"id":112,"value":"drawNumberSigned(parseInt('0'))","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"function drawWikiLink(pageName) {\n const pageNameWiki = pageName.replace(' ', '_');\n return md`[${pageName}](https://en.wikipedia.org/wiki/${pageNameWiki})`;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}