30:Ta59,viewof editor = { const exampleData = [ ['', 'Tesla', 'Volvo', 'Toyota', 'Ford'], ['2019', 10, 2, 12, 13], ['2020', 20, 11, 14, 13], ['2021', 30, 15, 12, 13] ]; const markup = html`

` const editorEl = markup.querySelector('.handsontable-wrapper__editor'); //if (window.hot === undefined || editorEl.classList.contains('handsontable') === false) { function update(val) { let data = window.hot.getData(); if (data.length > 0) { const numValidColumns = data[0].filter( (cell, i) => window.hot.isEmptyCol(i) === false ).length; data = data .filter((row, i) => window.hot.isEmptyRow(i) === false) .map(row => row.slice(0, numValidColumns)); } markup.value = data; markup.dispatchEvent(new CustomEvent("input")); } // init table const settings = { data: exampleData, dataSchema: [], minRows: 5, minCols: 5, minSpareRows: 1, minSpareCols: 1, contextMenu: true, colWidths: 70, rowHeights: 23, rowHeaders: true, colHeaders: true, fixedColumnsLeft: 1, fixedRowsTop: 1, afterChange: (changes, source) => { if ( source === "edit" || source === "Autofill.fill" || source === "CopyPaste.paste" ) { update(); } } }; window.hot = new Handsontable(editorEl, settings); update(); // init buttons const buttons = markup.querySelectorAll('button'); buttons[0].addEventListener('click', (e) => { window.hot.loadData(exampleData); update(); }) buttons[1].addEventListener('click', (e) => { const data = window.hot.getData(); const transposedData = data[0].map((col, i) => data.map(row => row[i])); window.hot.loadData(transposedData); update(); }) buttons[2].addEventListener('click', e => { window.hot.loadData([[]]); update(); }); //} return markup; }31:Taf4,getNZZChart = async ( inputData = [], chartType = "line", size = {} ) => { size = { width: 960, height: 500, padding: 10, ... size } // get the chart type's ... // - ... plugins => which plugins to augment the chart's functionality should be enabled? // - ... data transformation => how should the chart's data source be transformed like? // - ... specs => how should the chart be visualized by the data? // - ... look => how should the chart be configured visually? const chartDefinition = await getChartTypeSpecs(chartType); const { plugins, dataTransformation, specs } = { plugins: [], dataTransformation: "long-table", specs: {}, ... chartDefinition } ; const look = await getSpecConfig(); // pluginProps = getPluginProps(plugins) // use five root objects signals, scales, marks and axes as building blocks for the final spec const { data, signals, scales, marks, axes, projections } = { data:[{ name: "table" }], signals:[], scales:[], marks:[], axes:[], projections:[], ... specs}; // construct the data pipe to transform the data in a compatible way data.find(d => d.name === 'table').source = dataTransformation const dataPipe = [ ... transformTableDataTo(inputData, dataTransformation), ... data ]; // merge default and chart scales to prevent doubles const chartScaleNames = scales.map(s => s.name); const uniqueScales = [ ... defaultScales.filter(s => chartScaleNames.indexOf(s.name) === -1), ... scales ] // merge default, plugins and chart signals to prevent doubles const chartSignalNames = signals.map(s => s.name); const extraSignals = [... defaultSignals, ... plugins.signals]; const uniqueSignals = [ ... extraSignals.filter(s => chartSignalNames.indexOf(s.name) === -1), ... signals ] // TODO: solve resolve funtions signals.forEach(s => { if (s.bind && s.bind.options === "RESOLVE:env.colorSchemes.colorFunctions") s.bind.options = ["divergingone"] }) // construct the final vizualization spec ... const chartSpec = { // add scheme options for version compatibility $schema: "https://vega.github.io/schema/vega/v5.json", // add size properties ... size, autosize: { type: "fit", contains: "padding" }, // add signals including defaults and signals from requested plugins signals: uniqueSignals, // add the data pipe data: dataPipe, // add scales including defaults scales: uniqueScales, // add marks and axes as is marks, axes, projections } // ... and render it: const vegaChart = await vegaEmbed( chartSpec, { config: look, renderer: 'svg' } ); return vegaChart; }32:T1446,transformTableDataTo = function(values, type = "list-table") { const originalData = [ { "name": "original-data", values: JSON.parse(JSON.stringify(values)) } ]; /* SUPPORTED TRANSFORM TYPES: - none / list-table - long-table - TO COME: multiplied-table (i.e. for Waffles) */ switch(type) { case "list-table": return [ ...originalData, { "name": "list-table", "source": "original-data", "transform": [ { "type": "identifier", "as": "row" }, { "type": "filter", "expr": "datum.row > 1" }, { "type": "formula", "as": "xIndex", "expr": "datum.row - 1" }, { "type": "formula", "as": "extraValues", "expr": "slice(data('original-data')[datum.xIndex], 3)" }, { "type": "project", "fields": [ "0", "1", "2", "extraValues", "xIndex" ], "as": [ "xValue", "value", "cValue" ] }, { "type": "formula", "expr": "datum.cValue || 0", "as": "cValue" }, { "description": "The value in column B is interpreted in numeric 'yValue', the original value still can be accessed in 'value'", "type": "formula", "expr": "toNumber(replace(datum.value, ',', '.'))", "as": "yValue" }, { "type": "extent", "field": "yValue", "signal": "yExtent" }, { "type": "extent", "field": "xIndex", "signal": "rowExtent" }, { "type": "extent", "field": "column", "signal": "columnExtent" } ] } ]; case "long-table": const flattedTable = [ { "name": "flatted-table", "transform": [ { "type": "sequence", "start": 0, "stop": { "signal": "data('original-data').length" } }, { "type": "formula", "expr": "data('original-data')[datum.data]", "as": "rowCells" }, { "type": "flatten", "fields": ["rowCells"], "as": ["value"] }, { "type": "identifier", "as": "id" }, { "type": "formula", "expr": "(datum.id - 1) % datum.rowCells.length", "as": "column" }, { "type": "project", "fields": ["data", "column", "value"], "as": ["row"] } ] } ]; return [ ...originalData, ...flattedTable, { "name": "long-table-head", "source": "flatted-table", "transform": [ { "type": "filter", "expr": "datum.row === 0" }, { "type": "project", "fields": ["column", "value"] } ] }, { "name": "long-table", "source": "flatted-table", "transform": [ { "type": "filter", "expr": "datum.row > 0 && datum.column > sue___xValueColumn" }, { "type": "formula", "expr": "datum.column - sue___xValueColumn - 1", "as": "cIndex" }, { "type": "formula", "expr": "data('long-table-head')[datum.column].value", "as": "cValue" }, { "type": "formula", "expr": "datum.row - 1", "as": "xIndex" }, { "type": "formula", "expr": "data('original-data')[datum.row][sue___xValueColumn]", "as": "xValue" }, { "type": "formula", "expr": "toNumber(replace(datum.value, ',', '.'))", "as": "yValue" }, { "type": "extent", "field": "yValue", "signal": "yExtent" }, { "type": "extent", "field": "xValue", "signal": "xExtent" }, { "type": "extent", "field": "column", "signal": "columnExtent" }, { "type": "extent", "field": "row", "signal": "rowExtent" } ] } ] } }33:T139f,defaultScales = [ { "name": "cScale", "type": "ordinal", "range": "category", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleX", "type": "ordinal", "range": "category", "domain": { "data": "table", "field": "xValue" } }, { "name": "cScaleLight", "type": "ordinal", "range": "categoryLight", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleHighlightOne", "type": "ordinal", "range": "categoryHighlightOne", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleHighlightTwo", "type": "ordinal", "range": "categoryHighlightTwo", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleHighlightThree", "type": "ordinal", "range": "categoryHighlightThree", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleHighlightFour", "type": "ordinal", "range": "categoryHighlightFour", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleHighlightFive", "type": "ordinal", "range": "categoryHighlightFive", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleContrast", "type": "ordinal", "range": "categoryContrast", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScalePrimaries", "type": "ordinal", "range": "primaries", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleSecondaries", "type": "ordinal", "range": "secondaries", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleGrays", "type": "ordinal", "range": "grays", "domain": { "data": "table", "field": "cValue" } }, { "name": "gridLineScale", "type": "ordinal", "range": "gridLineColors", "domain": [ 0, 1 ] }, { "name": "cScalePrimariesDesc", "type": "ordinal", "reverse": true, "range": "primaries", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleSecondariesDesc", "type": "ordinal", "reverse": true, "range": "secondaries", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleGraysDesc", "type": "ordinal", "reverse": true, "range": "grays", "domain": { "data": "table", "field": "cValue" } }, { "name": "cScaleBinary", "type": "ordinal", "range": "diverging-one-2", "domain": [ 0, 1 ] }, { "name": "cScaleSequentialOne", "type": "ordinal", "range": "sequential-one-7" }, { "name": "cScaleSequentialTwo", "type": "ordinal", "range": "sequential-two-7" }, { "name": "cScaleSequentialThree", "type": "ordinal", "range": "sequential-three-7" }, { "name": "cScaleDivergingOne", "type": "ordinal", "range": "diverging-one-7" }, { "name": "cScaleDivergingTwo", "type": "ordinal", "range": "diverging-two-7" }, { "name": "cScaleDivergingThree", "type": "ordinal", "range": "diverging-three-7" }, { "name": "cScaleChParties", "type": "ordinal", "range": "chParties" }, { "name": "cScaleChPartiesByName", "type": "ordinal", "range": "chParties", "domain": [ "al", "sp", "gps", "glp", "evp", "cvp", "bdp", "fdp", "svp", "edu", "lega", "mcr", "default" ] }, { "name": "cScaleZhParties", "type": "ordinal", "range": "zhParties" }, { "name": "cScaleUSAParties", "type": "ordinal", "range": { "signal": "['#f1242b','#00aef3', '#eada14', '#616161']" } }, { "name": "cScaleDefault", "type": "ordinal", "range": "default", "domain": [ 0 ] }, ]34:T426,defaultSignals = [ { "name": "const___minBarWidth", "value": 24 }, { "name": "const___compactBarWidth", "update": 24 }, { "name": "const___boldBarWidth", "value": 36 }, { "name": "const___maxBarWidth", "value": 44 }, { "name": "const___maxBarGroupWidth", "value": 220 }, { "name": "const___smallMargin", "value": 4 }, { "name": "const___baselineRowHeight", "update": 20 }, { "name": "const___leftPointedArrowShape", "value": "M1,-1L0,0L1,1" }, { "name": "const___rightPointedArrowShape", "value": "M-1,1L0,0 L-1,-1" }, { "name": "const___upPointedArrowShape", "value": "M-1,-1L0,0L1,-1" }, { "name": "const___downPointedArrowShape", "value": "M1,1L0,0 L-1,1" }, { "name": "const___diamondShape", "value": "M-1,0L0,1L1,0L0,-1Z" }, { "name": "const___neutralGray", "update": "range('cScaleGrays')[4]" } ]35:T33ef,getSpecConfig = async function(){ return await resolveSophieVariablesInSpecs({ "padding": 10, "symbol": { "strokeWidth": 2, "strokeJoin": "round", "size": { "signal": "11 * 11" } }, "title": { "anchor": "start", "font": "$font-family-serif", "fill": "$s-color-gray-9", "fontSize": 24, "fontWeight": 500, "offset": 10 }, "text": { "anchor": "start", "font": "$font-family-sans", "fill": "$s-color-gray-9", "fontSize": 13, "fontWeight": 300 }, "rule": { "stroke": { "signal": "range('gridLineScale')[0]" } }, "axis": { "bandPosition": 0, "padding": 0.4, "zero": false, "domain": false, "domainColor": "$s-color-gray-6", "domainWidth": 1, "grid": true, "gridColor": { "signal": "range('gridLineScale')[0]" }, "gridDash": [], "gridOpacity": 1, "gridWidth": 1, "labels": true, "labelAngle": 0, "labelBound": false, "labelFlush": false, "labelFlushOffset": false, "labelFont": "$font-family-sans", "labelFontWeight": 300, "labelColor": "$s-color-gray-7", "labelFontSize": 11, "labelPadding": 8, "labelOverlap": "greedy", "ticks": true, "tickExtra": false, "tickOffset": 0, "tickColor": "$s-color-gray-2", "tickRound": true, "tickSize": 4, "tickWidth": 1, "titleAngle": 0, "titleColor": "$s-color-gray-9", "titleFont": "$font-family-sans", "titleFontSize": 13, "titleFontWeight": 300, "titleLimit": 200, "titlePadding": 0, "titleX": 0, "titleY": 0 }, "axisX": { "titleY": 30, "titleAlign": "right", "titleBaseline": "top" }, "axisY": { "titleY": -10, "titleAlign": "left", "titleBaseline": "bottom" }, "legend": { "symbolSize": { "signal": "11 * 11" }, "orient": "top", "padding": 0, "offset": { "signal": "const___smallMargin * 4" }, "columnPadding": { "signal": "const___smallMargin * 2" }, "rowPadding": { "signal": "const___smallMargin * 2" }, "symbolDirection": "horizontal", "labelFont": "$font-family-sans", "labelFontSize": 13, "labelColor": "$s-color-gray-9" }, "style": { "dataDot": { "stroke": "#FFFFFF", "strokeWidth": 1, "fill": "$s-viz-color-one-5", "size": 60 }, "curve": { "strokeWidth": 2, "strokeCap": "round", "strokeJoin": "round" }, "prognosisCurve": { "strokeDash": [0, 4], "strokeDashOffset": 0, "strokeCap": "round" }, "dashedLine": { "stroke": "$s-color-gray-9", "strokeDash": [1, 1], "strokeWidth": 1 }, "verticalLine": { "fill": "$s-color-gray-5", "width": 1, "zindex": 1, "y": 0 }, "horizontalLine": { "fill": "$s-color-gray-5", "height": 1, "zindex": 1, "x": 0 }, "bar": { "fill": "$s-viz-color-one-5" }, "s-font-title": { "font": "$font-family-serif", "fill": "$s-color-gray-9", "fontSize": 24, "fontWeight": 500, "baseline": "top" }, "s-font-note": { "font": "$font-family-sans", "fill": "$s-color-gray-9", "fontSize": 13, "fontWeight": 300 }, "s-font-note--strong": { "fontWeight": 500 }, "s-font-note-s--strong": { "fontWeight": 500 }, "s-font-note--light": { "fill": "$s-color-gray-7" }, "s-font-note-s--light": { "fill": "$s-color-gray-7" }, "s-font-note--superlight": { "fill": "$s-color-gray-5" }, "s-font-note-s--superlight": { "fill": "$s-color-gray-5" }, "s-font-note-s": { "font": "$font-family-sans", "fill": "$s-color-gray-9", "fontSize": 11, "fontWeight": 300 }, "s-font-text": { "font": "$font-family-serif", "fill": "$s-color-gray-9", "fontSize": 18, "fontWeight": 300 }, "s-font-text--strong": { "font": "$font-family-sans", "fill": "$s-color-gray-9", "fontSize": 17, "fontWeight": 100 } }, "range": { "default": ["$s-color-gray-9"], "category": [ "$s-viz-color-one-5", "$s-viz-color-two-5", "$s-viz-color-three-5", "$s-viz-color-four-5", "$s-viz-color-five-5", "$s-viz-color-six-5", "$s-viz-color-seven-5", "$s-viz-color-eight-5", "$s-viz-color-nine-5", "$s-viz-color-ten-5", "$s-viz-color-eleven-5", "$s-viz-color-twelve-5" ], "categoryLight": [ "$s-viz-color-one-1", "$s-viz-color-two-1", "$s-viz-color-three-1", "$s-viz-color-four-1", "$s-viz-color-five-1", "$s-viz-color-six-1", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryHighlightOne": [ "$s-viz-color-one-5", "$s-viz-color-two-1", "$s-viz-color-three-1", "$s-viz-color-four-1", "$s-viz-color-five-1", "$s-viz-color-six-1", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryHighlightTwo": [ "$s-viz-color-one-1", "$s-viz-color-two-5", "$s-viz-color-three-1", "$s-viz-color-four-1", "$s-viz-color-five-1", "$s-viz-color-six-1", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryHighlightThree": [ "$s-viz-color-one-1", "$s-viz-color-two-1", "$s-viz-color-three-5", "$s-viz-color-four-1", "$s-viz-color-five-1", "$s-viz-color-six-1", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryHighlightFour": [ "$s-viz-color-one-1", "$s-viz-color-two-1", "$s-viz-color-three-1", "$s-viz-color-four-5", "$s-viz-color-five-1", "$s-viz-color-six-1", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryHighlightFive": [ "$s-viz-color-one-1", "$s-viz-color-two-1", "$s-viz-color-three-1", "$s-viz-color-four-1", "$s-viz-color-five-5", "$s-viz-color-six-1", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryHighlightSix": [ "$s-viz-color-one-1", "$s-viz-color-two-1", "$s-viz-color-three-1", "$s-viz-color-four-1", "$s-viz-color-five-1", "$s-viz-color-six-5", "$s-viz-color-seven-1", "$s-viz-color-eight-1", "$s-viz-color-nine-1", "$s-viz-color-ten-1", "$s-viz-color-eleven-1", "$s-viz-color-twelve-1" ], "categoryContrast": [ "$s-color-gray-1", "$s-color-gray-9", "$s-color-gray-1", "$s-color-gray-9", "$s-color-gray-1", "$s-color-gray-9", "$s-color-gray-9", "$s-color-gray-9", "$s-color-gray-1", "$s-color-gray-9", "$s-color-gray-1", "$s-color-gray-9" ], "primaries": [ "$s-color-primary-1", "$s-color-primary-2", "$s-color-primary-3", "$s-color-primary-4", "$s-color-primary-5", "$s-color-primary-6", "$s-color-primary-7", "$s-color-primary-8", "$s-color-primary-9" ], "secondaries": [ "$s-color-secondary-1", "$s-color-secondary-2", "$s-color-secondary-3", "$s-color-secondary-4", "$s-color-secondary-5", "$s-color-secondary-6", "$s-color-secondary-7", "$s-color-secondary-8", "$s-color-secondary-9" ], "grays": [ "$s-color-gray-1", "$s-color-gray-2", "$s-color-gray-3", "$s-color-gray-4", "$s-color-gray-5", "$s-color-gray-6", "$s-color-gray-7", "$s-color-gray-8", "$s-color-gray-9" ], "gridLineColors": ["$s-color-gray-2", "$s-color-gray-7"], "sequential-one-2": [ "$s-viz-color-sequential-one-2-1", "$s-viz-color-sequential-one-2-2" ], "sequential-one-7": [ "$s-viz-color-sequential-one-7-1", "$s-viz-color-sequential-one-7-2", "$s-viz-color-sequential-one-7-3", "$s-viz-color-sequential-one-7-4", "$s-viz-color-sequential-one-7-5", "$s-viz-color-sequential-one-7-6", "$s-viz-color-sequential-one-7-7" ], "sequential-two-2": [ "$s-viz-color-sequential-two-2-1", "$s-viz-color-sequential-two-2-2" ], "sequential-two-7": [ "$s-viz-color-sequential-two-7-1", "$s-viz-color-sequential-two-7-2", "$s-viz-color-sequential-two-7-3", "$s-viz-color-sequential-two-7-4", "$s-viz-color-sequential-two-7-5", "$s-viz-color-sequential-two-7-6", "$s-viz-color-sequential-two-7-7" ], "sequential-three-2": [ "$s-viz-color-sequential-three-2-1", "$s-viz-color-sequential-three-2-2" ], "sequential-three-7": [ "$s-viz-color-sequential-three-7-1", "$s-viz-color-sequential-three-7-2", "$s-viz-color-sequential-three-7-3", "$s-viz-color-sequential-three-7-4", "$s-viz-color-sequential-three-7-5", "$s-viz-color-sequential-three-7-6", "$s-viz-color-sequential-three-7-7" ], "diverging-one-2": [ "$s-viz-color-diverging-one-2-1", "$s-viz-color-diverging-one-2-2" ], "diverging-one-3": [ "$s-viz-color-diverging-one-3-1", "$s-viz-color-diverging-one-3-2", "$s-viz-color-diverging-one-3-3" ], "diverging-one-7": [ "$s-viz-color-diverging-one-7-1", "$s-viz-color-diverging-one-7-2", "$s-viz-color-diverging-one-7-3", "$s-viz-color-diverging-one-7-4", "$s-viz-color-diverging-one-7-5", "$s-viz-color-diverging-one-7-6", "$s-viz-color-diverging-one-7-7" ], "diverging-two-2": [ "$s-viz-color-diverging-two-2-1", "$s-viz-color-diverging-two-2-2" ], "diverging-two-3": [ "$s-viz-color-diverging-two-3-1", "$s-viz-color-diverging-two-3-2", "$s-viz-color-diverging-two-3-3" ], "diverging-two-7": [ "$s-viz-color-diverging-two-7-1", "$s-viz-color-diverging-two-7-2", "$s-viz-color-diverging-two-7-3", "$s-viz-color-diverging-two-7-4", "$s-viz-color-diverging-two-7-5", "$s-viz-color-diverging-two-7-6", "$s-viz-color-diverging-two-7-7" ], "diverging-three-2": [ "$s-viz-color-diverging-three-2-1", "$s-viz-color-diverging-three-2-2" ], "diverging-three-3": [ "$s-viz-color-diverging-three-3-1", "$s-viz-color-diverging-three-3-2", "$s-viz-color-diverging-three-3-3" ], "diverging-three-7": [ "$s-viz-color-diverging-three-7-1", "$s-viz-color-diverging-three-7-2", "$s-viz-color-diverging-three-7-3", "$s-viz-color-diverging-three-7-4", "$s-viz-color-diverging-three-7-5", "$s-viz-color-diverging-three-7-6", "$s-viz-color-diverging-three-7-7" ], "chParties": [ "$s-viz-color-party-al-5", "$s-viz-color-party-sp-5", "$s-viz-color-party-gps-5", "$s-viz-color-party-glp-5", "$s-viz-color-party-evp-5", "$s-viz-color-party-cvp-5", "$s-viz-color-party-bdp-5", "$s-viz-color-party-fdp-5", "$s-viz-color-party-svp-5", "$s-viz-color-party-edu-5", "$s-viz-color-party-lega-5", "$s-viz-color-party-mcr-5", "$s-viz-color-party-default-5" ], "zhParties": [ "$s-viz-color-party-al-5", "$s-viz-color-party-sp-5", "$s-viz-color-party-gps-5", "$s-viz-color-party-glp-5", "$s-viz-color-party-evp-5", "$s-viz-color-party-cvp-5", "$s-viz-color-party-fdp-5", "$s-viz-color-party-svp-5", "$s-viz-color-party-default-5" ] } }); } 36:T15ab,loadedSpecConfig = `{"padding":10,"symbol":{"strokeWidth":2,"strokeJoin":"round","size":{"signal":"11 * 11"}},"title":{"anchor":"start","font":"Pensum Pro","fill":"#05032d","fontSize":24,"fontWeight":500,"offset":10},"text":{"anchor":"start","font":"GT America","fill":"#05032d","fontSize":13,"fontWeight":300},"rule":{"stroke":{"signal":"range('gridLineScale')[0]"}},"axis":{"bandPosition":0,"padding":0.4,"zero":false,"domain":false,"domainColor":"#92929e","domainWidth":1,"grid":true,"gridColor":{"signal":"range('gridLineScale')[0]"},"gridDash":[],"gridOpacity":1,"gridWidth":1,"labels":true,"labelAngle":0,"labelBound":false,"labelFlush":false,"labelFlushOffset":false,"labelFont":"GT America","labelFontWeight":300,"labelColor":"#6e6e7e","labelFontSize":11,"labelPadding":8,"labelOverlap":"greedy","ticks":true,"tickExtra":false,"tickOffset":0,"tickColor":"#e3e4e9","tickRound":true,"tickSize":4,"tickWidth":1,"titleAngle":0,"titleColor":"#05032d","titleFont":"GT America","titleFontSize":13,"titleFontWeight":300,"titleLimit":200,"titlePadding":0,"titleX":0,"titleY":0},"axisX":{"titleY":30,"titleAlign":"right","titleBaseline":"top"},"axisY":{"titleY":-10,"titleAlign":"left","titleBaseline":"bottom"},"legend":{"symbolSize":{"signal":"11 * 11"},"orient":"top","padding":0,"offset":{"signal":"const___smallMargin * 4"},"columnPadding":{"signal":"const___smallMargin * 2"},"rowPadding":{"signal":"const___smallMargin * 2"},"symbolDirection":"horizontal","labelFont":"GT America","labelFontSize":13,"labelColor":"#05032d"},"style":{"dataDot":{"stroke":"#FFFFFF","strokeWidth":1,"fill":"#3952EE","size":60},"curve":{"strokeWidth":2,"strokeCap":"round","strokeJoin":"round"},"prognosisCurve":{"strokeDash":[0,4],"strokeDashOffset":0,"strokeCap":"round"},"dashedLine":{"stroke":"#05032d","strokeDash":[1,1],"strokeWidth":1},"verticalLine":{"fill":"#b6b6be","width":1,"zindex":1,"y":0},"horizontalLine":{"fill":"#b6b6be","height":1,"zindex":1,"x":0},"bar":{"fill":"#3952EE"},"s-font-title":{"font":"Pensum Pro","fill":"#05032d","fontSize":24,"fontWeight":500,"baseline":"top"},"s-font-note":{"font":"GT America","fill":"#05032d","fontSize":13,"fontWeight":300},"s-font-note--strong":{"fontWeight":500},"s-font-note-s--strong":{"fontWeight":500},"s-font-note--light":{"fill":"#6e6e7e"},"s-font-note-s--light":{"fill":"#6e6e7e"},"s-font-note--superlight":{"fill":"#b6b6be"},"s-font-note-s--superlight":{"fill":"#b6b6be"},"s-font-note-s":{"font":"GT America","fill":"#05032d","fontSize":11,"fontWeight":300},"s-font-text":{"font":"Pensum Pro","fill":"#05032d","fontSize":18,"fontWeight":300},"s-font-text--strong":{"font":"GT America","fill":"#05032d","fontSize":17,"fontWeight":100}},"range":{"default":["#05032d"],"category":["#3952EE","#EBBD22","#24B39C","#E66E4A","#AD4BAC","#38A650","#D64B47","#0BA9D9","#6C43C0","#BBD215","#B3611D","#C5C294"],"categoryLight":["#D6DCFF","#FFF0BF","#C7F0E9","#FFDCD1","#FCDCFC","#C9F5D2","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryHighlightOne":["#3952EE","#FFF0BF","#C7F0E9","#FFDCD1","#FCDCFC","#C9F5D2","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryHighlightTwo":["#D6DCFF","#EBBD22","#C7F0E9","#FFDCD1","#FCDCFC","#C9F5D2","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryHighlightThree":["#D6DCFF","#FFF0BF","#24B39C","#FFDCD1","#FCDCFC","#C9F5D2","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryHighlightFour":["#D6DCFF","#FFF0BF","#C7F0E9","#E66E4A","#FCDCFC","#C9F5D2","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryHighlightFive":["#D6DCFF","#FFF0BF","#C7F0E9","#FFDCD1","#AD4BAC","#C9F5D2","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryHighlightSix":["#D6DCFF","#FFF0BF","#C7F0E9","#FFDCD1","#FCDCFC","#38A650","#FFD3D1","#CEE9F2","#E2DAF2","#F3FABB","#FFDCBF","#EDECE1"],"categoryContrast":["#f0f0f2","#05032d","#f0f0f2","#05032d","#f0f0f2","#05032d","#05032d","#05032d","#f0f0f2","#05032d","#f0f0f2","#05032d"],"primaries":["#cacbee","#afb1e5","#9598dd","#6065cd","#2c32bd","#292fb3","#272ca9","#1d2284","#13175f"],"secondaries":["#eee8ca","#e5dbaf","#ddcf95","#cdb860","#bda12c","#b39829","#a99127","#84711d","#5f5013"],"grays":["#f0f0f2","#e3e4e9","#d4d6dd","#c3c2ca","#b6b6be","#92929e","#6e6e7e","#393855","#05032d"],"gridLineColors":["#e3e4e9","#6e6e7e"],"sequential-one-2":["#3952ee","#ececf0"],"sequential-one-7":["#3952ee","#636bf1","#8285f3","#9e9ef4","#b8b8f3","#d2d2f2","#ececf0"],"sequential-two-2":["#24b39c","#edece1"],"sequential-two-7":["#24b39c","#64bc9b","#8bc5a0","#abcea9","#c6d7b8","#dce1cb","#edece1"],"sequential-three-2":["#d64b47","#edece1"],"sequential-three-7":["#d64b47","#d96f4e","#da8d5f","#daa878","#ddc197","#e2d7bb","#edece1"],"diverging-one-2":["#e66e4a","#6c43c0"],"diverging-one-3":["#e66e4a","#ececf0","#6c43c0"],"diverging-one-7":["#e66e4a","#ef997f","#f2c3b6","#ececf0","#c5b2e1","#9b7ad1","#6c43c0"],"diverging-two-2":["#3952ee","#ebbd22"],"diverging-two-3":["#3952ee","#ececf0","#ebbd22"],"diverging-two-7":["#3952ee","#8b82f0","#bfb6f1","#ececf0","#f3dcb1","#f2cc72","#ebbd22"],"diverging-three-2":["#0ba9d9","#bbd215"],"diverging-three-3":["#0ba9d9","#ececf0","#bbd215"],"diverging-three-7":["#0ba9d9","#7cbfe1","#b7d5e9","#ececf0","#e1e3b1","#d0db70","#bbd215"],"chParties":["#da467d","#c31906","#54BA00","#a9cf00","#bda700","#d28b00","#d1cb00","#0084c7","#408b3d","#8440a3","#a58e79","#716e48","#737373"],"zhParties":["#da467d","#c31906","#54BA00","#a9cf00","#bda700","#d28b00","#0084c7","#408b3d","#737373"]}}` 37:T76c,resolveSophieVariablesInSpecs = async function (specs) { function traverseObject(o, func) { for (var i in o) { func.apply(this, [i, o[i], o]); if (o[i] !== null && typeof o[i] == "object") { traverseObject(o[i], func); } } } function replaceVariablesIn(obj, vars) { const varNames = Object.keys(vars).map(v => `$${v}`); traverseObject(obj, (k, v, o) => { if (typeof v === "object" && v.length > 0) { // replace variable names with values in arrays o[k] = v.map( item => (varNames.indexOf(item) === -1 ? item : vars[item.slice(1)]) ); } else { // replace variable names with values o[k] = varNames.indexOf(v) === -1 ? v : vars[v.slice(1)]; } }); } // resolve all sophie variables const sophieUrl = "https://service.sophie.nzz.ch/bundle/sophie-color@%5E1[general],sophie-viz-color@%5E1.vars.json"; const res = await fetch(sophieUrl); if (res && res.ok) { // collect submodule's color variables in flat array const json = await res.json(); const sophieColorVars = Object.keys(json) .map(moduleName => Object.keys(json[moduleName]).map( submoduleName => json[moduleName][submoduleName] ) ) .reduce((p, c) => p.concat(c)); // for use in nzz context, the `nzz-...` fonts need to be referenced const sophieFontVars = { 'font-family-sans': 'GT America', //'nzz-sans-serif', 'font-family-serif': 'Pensum Pro'//'nzz-serif' } // replace/resolve any occurance of submodule variables in spec values sophieColorVars.concat(sophieFontVars).forEach(submoduleVars => { replaceVariablesIn(specs, submoduleVars); }); return specs; } }38:T13e1,allChartTypes = { return { arc: { specs: await FileAttachment("arc.json").json(), plugins: { legend: true, smallMultiples: true } }, arcSpider: { specs: await FileAttachment("arc-spider.json").json(), plugins: { legend: {}, smallMultiples: true } }, area: { specs: await FileAttachment("area.json").json(), plugins: { smallMultiples: true, legend: true, xAxisTimeline: true } }, areaLine: { specs: await FileAttachment("area-line.json").json(), plugins: { smallMultiples: true, legend: true, xAxisTimeline: true } }, areaRadial: { specs: await FileAttachment("area-radial.json").json(), plugins: { smallMultiples: true, legend: true, xAxisTimeline: true } }, bubblemapUSA: { specs: await FileAttachment("bubblemap-usa.json").json(), plugins: { legend: { type: "gradient" }, binColorScale: { colorField: "cScale", extentSignal: "cExtent" } }, dataTransform: "list-table" }, bubblemapEurope: { specs: await FileAttachment("bubblemap-europe.json").json() }, circle: { specs: await FileAttachment("circle-packing.json").json(), plugins: {}, dataTransform: "list-table" }, dotplot: { specs: await FileAttachment("dotplot.json").json(), plugins: { legend: true } }, flowArrows: { specs: await FileAttachment("flow-arrows.json").json() }, groupedBarLabelOnTop: { specs: await FileAttachment("groupedBar-labelOnTop.json").json(), plugins: {} }, groupedBarColumn: { specs: await FileAttachment("groupedBar-column.json").json(), plugins: {} }, groupedBar: { specs: await FileAttachment("groupedBar.json").json(), plugins: {} }, heatmap: { specs: await FileAttachment("heatmap.json").json(), plugins: { legend: { type: "gradient" } }, dataTransform: "list-table" }, heatmapHeaxagon: { specs: await FileAttachment("heatmap-hexagon.json").json(), plugins: { legend: { type: "gradient" } }, dataTransform: "list-table" }, line: { specs: await FileAttachment("line.json").json(), plugins: { smallMultiples: true, xAxisTimeline: true, legend: { colorScaleProperty: "stroke" } } }, lollipop: { specs: await FileAttachment("lollipop.json").json(), plugins: { smallMultiples: true } }, lollipopHorizontal: { specs: await FileAttachment("lollipop-horizontal.json").json(), plugins: { smallMultiples: true } }, sankey: { specs: await FileAttachment("sankey.json").json(), plugins: {} }, scatterplot: { specs: await FileAttachment("scatterplot.json").json(), plugins: { smallMultiples: { splitField: "color", splitScale: "cScale" }, legend: true } }, slope: { specs: await FileAttachment("slope.json").json(), plugins: { legend: { colorScale: "xScaleOrdinal" } } }, slopeImages: { specs: await FileAttachment("slope-images.json").json(), plugins: { legend: { colorScale: "xScaleOrdinal" } } }, stackedBar: { specs: await FileAttachment("stackedBar.json").json(), plugins: { smallMultiples: true, legend: true } }, stackedBarColumn: { specs: await FileAttachment("stackedBar-column.json").json(), plugins: { smallMultiples: true, legend: true } }, stackedBarLabelOnTop: { specs: await FileAttachment("stackedBar-labelOnTop.json").json(), plugins: { smallMultiples: true, legend: true } }, stackedBarMekko: { specs: await FileAttachment("stackedBar-mekko.json").json(), plugins: { smallMultiples: true, legend: true } }, stackedBarRadialHistogram: { specs: await FileAttachment("stackedBar-radialHistogram.json").json(), plugins: { smallMultiples: true, legend: true } }, timeline: { specs: await FileAttachment("timeline.json").json(), plugins: {}, dataTransform: "list-table" }, treemap: { specs: await FileAttachment("treemap.json").json(), plugins: {}, dataTransform: "list-table" }, treemapGroups: { specs: await FileAttachment("treemap-groups.json").json(), plugins: {}, dataTransform: "list-table" }, waffleplot: { specs: await FileAttachment("waffleplot.json").json(), plugins: { smallMultiples: true }, dataTransform: "multiplied-table" } } }39:[{"id":"5610a82dcb2e39a5a7239bb07737f5c3d2ae407d454e5fe9c47678d560e21ff561bdc48cab0f2e1bcd0f1e4d77a5f4a71e64c0a14c37853c186ae88c3ec2ce13","href":"https://static.observableusercontent.com/files/5610a82dcb2e39a5a7239bb07737f5c3d2ae407d454e5fe9c47678d560e21ff561bdc48cab0f2e1bcd0f1e4d77a5f4a71e64c0a14c37853c186ae88c3ec2ce13","name":"arc-spider.json","type":"application/json","lastModified":1584633420146.674,"size":3698},{"id":"c5f57495d45aa29ff2d202adda82c7d5fc07b6772a562077ff78d358626416e2334605929b134ea5e129e9f35c28c7c059661d522c3963563ae83c692c2be954","href":"https://static.observableusercontent.com/files/c5f57495d45aa29ff2d202adda82c7d5fc07b6772a562077ff78d358626416e2334605929b134ea5e129e9f35c28c7c059661d522c3963563ae83c692c2be954","name":"area-line.json","type":"application/json","lastModified":1584633429838.161,"size":4271},{"id":"101d622190da994e176c644d82f7fea77cb30a66a791f92fc199066f82bd8449fb5729432ed742a6a537df2441de294f6614804481101228acdca7bc13f44b67","href":"https://static.observableusercontent.com/files/101d622190da994e176c644d82f7fea77cb30a66a791f92fc199066f82bd8449fb5729432ed742a6a537df2441de294f6614804481101228acdca7bc13f44b67","name":"arc.json","type":"application/json","lastModified":1584633420146.03,"size":4245},{"id":"c62c5f85c725268b332365728b2da5d0e248f3069620a31c72464f6f3d2a6508a244b5097cdf445e8c520df0eedc0a80c1e7b5f4d0394311d45466777c0fa161","href":"https://static.observableusercontent.com/files/c62c5f85c725268b332365728b2da5d0e248f3069620a31c72464f6f3d2a6508a244b5097cdf445e8c520df0eedc0a80c1e7b5f4d0394311d45466777c0fa161","name":"area-radial.json","type":"application/json","lastModified":1584633430115.292,"size":8522},{"id":"1dcc59ad685621ba55f9663763f7ac3f8cc73d82ce359c8d3d14ddbacfe47208077d73ae476dd919ded40249d596fd8d3398c397369ba1ba4f1c1800ec3a9f4c","href":"https://static.observableusercontent.com/files/1dcc59ad685621ba55f9663763f7ac3f8cc73d82ce359c8d3d14ddbacfe47208077d73ae476dd919ded40249d596fd8d3398c397369ba1ba4f1c1800ec3a9f4c","name":"bubblemap-europe.json","type":"application/json","lastModified":1584633442961.918,"size":4397},{"id":"995d7efb5fd2cdcd93b2f27a001908d1d57969f371fc27ebe8ca38b7aa4058c1327aec3140c209ab20b37e8faae9366e8073a55b7ad5472a014b7d6cbe9a9842","href":"https://static.observableusercontent.com/files/995d7efb5fd2cdcd93b2f27a001908d1d57969f371fc27ebe8ca38b7aa4058c1327aec3140c209ab20b37e8faae9366e8073a55b7ad5472a014b7d6cbe9a9842","name":"bubblemap-usa.json","type":"application/json","lastModified":1584633442967.526,"size":7336},{"id":"e3bc7f86bb46281c1482f1dde9000682e657f51ea69a505ed2d9d85919c0b04225ec02cf3c4d8549c5d5c327d49d15e8c147c7fee49121e5f3af0ed3beb06e37","href":"https://static.observableusercontent.com/files/e3bc7f86bb46281c1482f1dde9000682e657f51ea69a505ed2d9d85919c0b04225ec02cf3c4d8549c5d5c327d49d15e8c147c7fee49121e5f3af0ed3beb06e37","name":"circle-packing.json","type":"application/json","lastModified":1585169006530.608,"size":2744},{"id":"752012c073dad6bbd5587e345e4f02b8a4e45d04033c99a38b747c67deec3fac22fedd36d9034c80e5b1d2955c8772b8ee2fd5384de02ef3618715499a14a97a","href":"https://static.observableusercontent.com/files/752012c073dad6bbd5587e345e4f02b8a4e45d04033c99a38b747c67deec3fac22fedd36d9034c80e5b1d2955c8772b8ee2fd5384de02ef3618715499a14a97a","name":"dotplot.json","type":"application/json","lastModified":1585169010058.998,"size":6762},{"id":"7f62760302fff7b92744a9141dcde0709e1d3d072aa1723f7cad98533b354081c788eac74f8f70071e1bafe484d6a4e31057fcd28837ad3e53250f914f82fb66","href":"https://static.observableusercontent.com/files/7f62760302fff7b92744a9141dcde0709e1d3d072aa1723f7cad98533b354081c788eac74f8f70071e1bafe484d6a4e31057fcd28837ad3e53250f914f82fb66","name":"flow-arrows.json","type":"application/json","lastModified":1585169014367.601,"size":3587},{"id":"c5347df47957542948ed80e37424931f55534c30d6b7a8902b90eae2e85adfa521219413ff5b7485d2232e23fdf27583e46c6a286c49c3f5bf50714b33ed20b7","href":"https://static.observableusercontent.com/files/c5347df47957542948ed80e37424931f55534c30d6b7a8902b90eae2e85adfa521219413ff5b7485d2232e23fdf27583e46c6a286c49c3f5bf50714b33ed20b7","name":"groupedBar-column.json","type":"application/json","lastModified":1585169018786.504,"size":4263},{"id":"11fa899e8c581f518580b01e4df3558bd1fc7b1ad5327ded4224bb8a092d4526a0c3b4c1f7ea12980803d584f1a71cea133249990ba5a77048093e29b4e3b7a7","href":"https://static.observableusercontent.com/files/11fa899e8c581f518580b01e4df3558bd1fc7b1ad5327ded4224bb8a092d4526a0c3b4c1f7ea12980803d584f1a71cea133249990ba5a77048093e29b4e3b7a7","name":"lollipop.json","type":"application/json","lastModified":1585209967206.691,"size":3574},{"id":"de89461512c56b063163a36faaa923ee24488b9fdf10fa233fd147c49977b09ee8752796060fd8acafd78cce49bb4b3d0a21f4f9ad36c401ae86689930f045f9","href":"https://static.observableusercontent.com/files/de89461512c56b063163a36faaa923ee24488b9fdf10fa233fd147c49977b09ee8752796060fd8acafd78cce49bb4b3d0a21f4f9ad36c401ae86689930f045f9","name":"area.json","type":"application/json","lastModified":1584633430094.568,"size":2529},{"id":"ced9bf59c1e8e3fb9b72cc872714db1ac12a947da0336a16a6d6e54e96dd37b3f2ca01508f09252bcbea630ce99ac64f5602d12630000ac4f2f0860b5ee70bba","href":"https://static.observableusercontent.com/files/ced9bf59c1e8e3fb9b72cc872714db1ac12a947da0336a16a6d6e54e96dd37b3f2ca01508f09252bcbea630ce99ac64f5602d12630000ac4f2f0860b5ee70bba","name":"groupedBar-labelOnTop.json","type":"application/json","lastModified":1585169019211.371,"size":4620},{"id":"b09c462af51ae8d5d022c59f017496fb28fbdece1cac1323cc32ed996b31c9938eaca7eae66d5ba61502a6f20cfc8ff70e9e1c8f656e5948c92b81126ef87a7f","href":"https://static.observableusercontent.com/files/b09c462af51ae8d5d022c59f017496fb28fbdece1cac1323cc32ed996b31c9938eaca7eae66d5ba61502a6f20cfc8ff70e9e1c8f656e5948c92b81126ef87a7f","name":"groupedBar.json","type":"application/json","lastModified":1585169019220.762,"size":4076},{"id":"870adb4f83fbe4ee71e868825605f34b7ab67c191ca1a11678a3754f073bc50bed2e43d5739675bb271e403f195b867334c88024c609e9577592414c5ee07d00","href":"https://static.observableusercontent.com/files/870adb4f83fbe4ee71e868825605f34b7ab67c191ca1a11678a3754f073bc50bed2e43d5739675bb271e403f195b867334c88024c609e9577592414c5ee07d00","name":"heatmap.json","type":"application/json","lastModified":1585169022479.981,"size":5985},{"id":"32ccfa52be9189837d10524334d47b46400e8bcfe14329eb804d4ebcd962b2b6cc16d939cafaffb3d643ab5201a1829b974d771fb3ebf7ddb8329c286a6b1d78","href":"https://static.observableusercontent.com/files/32ccfa52be9189837d10524334d47b46400e8bcfe14329eb804d4ebcd962b2b6cc16d939cafaffb3d643ab5201a1829b974d771fb3ebf7ddb8329c286a6b1d78","name":"heatmap-hexagon.json","type":"application/json","lastModified":1585169022516.695,"size":7780},{"id":"d054889864a83a20ed2190bc74d19c0c49b85370a2586723c4a03ea7dc0c91c89c6319910e6dfb4783c8778fc3ddc5bca90a662bd232d6a0bae24020ac51e624","href":"https://static.observableusercontent.com/files/d054889864a83a20ed2190bc74d19c0c49b85370a2586723c4a03ea7dc0c91c89c6319910e6dfb4783c8778fc3ddc5bca90a662bd232d6a0bae24020ac51e624","name":"line.json","type":"application/json","lastModified":1585169025161.603,"size":6597},{"id":"43c96b5f6a57c764a7b56e558dc01a08e852ad1b8ce074a87c55ff36e314466c335fd627d5c88ac3c2aa3ce52b9217d8ad9b8408eb04c62eea39b54dc4dd2c56","href":"https://static.observableusercontent.com/files/43c96b5f6a57c764a7b56e558dc01a08e852ad1b8ce074a87c55ff36e314466c335fd627d5c88ac3c2aa3ce52b9217d8ad9b8408eb04c62eea39b54dc4dd2c56","name":"lollipop-horizontal.json","type":"application/json","lastModified":1585209967205.311,"size":3513},{"id":"ec7941eed196365b51ac9b62e3f7e2f67985f20455a003c450243e0bffe0db303a548ad55755cf76345bc6cf45bab95680b0b49f4931261824299b9994d091da","href":"https://static.observableusercontent.com/files/ec7941eed196365b51ac9b62e3f7e2f67985f20455a003c450243e0bffe0db303a548ad55755cf76345bc6cf45bab95680b0b49f4931261824299b9994d091da","name":"sankey.json","type":"application/json","lastModified":1585209970896.625,"size":9393},{"id":"5ce74c0eaaab3eff64cf81e2e8d71be1a1b6f07c17412f00a5cf53cce15e6001482567d017f89ce7ab86de169965bf92f44671f1fd394921bfcd6b2c2fc3ddf4","href":"https://static.observableusercontent.com/files/5ce74c0eaaab3eff64cf81e2e8d71be1a1b6f07c17412f00a5cf53cce15e6001482567d017f89ce7ab86de169965bf92f44671f1fd394921bfcd6b2c2fc3ddf4","name":"scatterplot.json","type":"application/json","lastModified":1585209975260.259,"size":10058},{"id":"67ecefc627677105b06b29df4f67d80fb2559f70479c3ed6453df3836be024ebfa6703afa12b42038dce543b2ef0e649adc7d521422a11870a74c1ba707ad9b1","href":"https://static.observableusercontent.com/files/67ecefc627677105b06b29df4f67d80fb2559f70479c3ed6453df3836be024ebfa6703afa12b42038dce543b2ef0e649adc7d521422a11870a74c1ba707ad9b1","name":"slope.json","type":"application/json","lastModified":1585209980275.808,"size":6542},{"id":"a381a0c43bb2ba1de64a44c12e856cdae2bf9baeaff99d099cefeac636449a5d47ba4849c4dec9a42d85cb1c0fc28925ac888b43249e11b8cbdc3b1bf805fdf4","href":"https://static.observableusercontent.com/files/a381a0c43bb2ba1de64a44c12e856cdae2bf9baeaff99d099cefeac636449a5d47ba4849c4dec9a42d85cb1c0fc28925ac888b43249e11b8cbdc3b1bf805fdf4","name":"slope-images.json","type":"application/json","lastModified":1585209980289.508,"size":4782},{"id":"fbd666562b8f720d53d345d5cc4ae8a745aa452bfd8a1d66189126b0cd8bd92943865acea602a01d2f4342983b82db58d0ddd05dbb05e0ab9448815de7628ef6","href":"https://static.observableusercontent.com/files/fbd666562b8f720d53d345d5cc4ae8a745aa452bfd8a1d66189126b0cd8bd92943865acea602a01d2f4342983b82db58d0ddd05dbb05e0ab9448815de7628ef6","name":"stackedBar-column.json","type":"application/json","lastModified":1585209988891.122,"size":6600},{"id":"9390f214052ed94a6e14c9a20ceb892e8041553d6a0b8123f792099885b3946d736055c50655bf563f3cbf6889b4d8ae83ae24f82a14a3d78a3bb58107ce2cca","href":"https://static.observableusercontent.com/files/9390f214052ed94a6e14c9a20ceb892e8041553d6a0b8123f792099885b3946d736055c50655bf563f3cbf6889b4d8ae83ae24f82a14a3d78a3bb58107ce2cca","name":"stackedBar-mekko.json","type":"application/json","lastModified":1585209988890.155,"size":4109},{"id":"71a668ad57919970ad9f386a0b862ebd30b41dee75a98927b8f85259f01346745014cbdefeb2b08c4dc5dd51d54d9a6e46e8745b49f7556e8800879ae17a660d","href":"https://static.observableusercontent.com/files/71a668ad57919970ad9f386a0b862ebd30b41dee75a98927b8f85259f01346745014cbdefeb2b08c4dc5dd51d54d9a6e46e8745b49f7556e8800879ae17a660d","name":"stackedBar-labelOnTop.json","type":"application/json","lastModified":1585209988892.755,"size":3466},{"id":"d41071ccfc9d85b90697e43daed8926963474383262041e78c328222dc1c0807a54aa522ba9f37b2450552522cc04a02dc712464c3be7c9d81d5ff82c704aa21","href":"https://static.observableusercontent.com/files/d41071ccfc9d85b90697e43daed8926963474383262041e78c328222dc1c0807a54aa522ba9f37b2450552522cc04a02dc712464c3be7c9d81d5ff82c704aa21","name":"stackedBar-radialHistogram.json","type":"application/json","lastModified":1585209988892.459,"size":4207},{"id":"57e059db8b473f5b34a73109310e573e239f7f8006e222649a3d7f919de68369a6f0b76401192b9c8e6339d78727cb6923acb7d739b94606bdc89770f3337dc6","href":"https://static.observableusercontent.com/files/57e059db8b473f5b34a73109310e573e239f7f8006e222649a3d7f919de68369a6f0b76401192b9c8e6339d78727cb6923acb7d739b94606bdc89770f3337dc6","name":"stackedBar.json","type":"application/json","lastModified":1585209988894.125,"size":3743},{"id":"9d0b2cf426299c2008405ef59949563db9bb296e7d1d8a21a4618182404c9fcd37c4bf80377ba4dc8e1d0feee4d187e54ca944bba54956e3ed762b84d0edfd65","href":"https://static.observableusercontent.com/files/9d0b2cf426299c2008405ef59949563db9bb296e7d1d8a21a4618182404c9fcd37c4bf80377ba4dc8e1d0feee4d187e54ca944bba54956e3ed762b84d0edfd65","name":"timeline.json","type":"application/json","lastModified":1585209992217.203,"size":7188},{"id":"2dd8248e57a33d31ebc489609f146324d332247c56206ec10fb5b9e6ac69eb849c95bf1237b2e1d9f19a41cd995dc0c307421f04b9c56fd249353d2945373a05","href":"https://static.observableusercontent.com/files/2dd8248e57a33d31ebc489609f146324d332247c56206ec10fb5b9e6ac69eb849c95bf1237b2e1d9f19a41cd995dc0c307421f04b9c56fd249353d2945373a05","name":"treemap.json","type":"application/json","lastModified":1585209996900.181,"size":5088},{"id":"b59d606f5847c310e557ae2642ac1c55156cf24d09e12983cc64aa7f4fd79dc7282e6c0c11db8dae2064f9af969623b8d1148243f554830de4ca60a9cb924f96","href":"https://static.observableusercontent.com/files/b59d606f5847c310e557ae2642ac1c55156cf24d09e12983cc64aa7f4fd79dc7282e6c0c11db8dae2064f9af969623b8d1148243f554830de4ca60a9cb924f96","name":"treemap-groups.json","type":"application/json","lastModified":1585209996909.974,"size":2655},{"id":"88e32ae636276480924b93078ba1cef6c0c91ad03ffee418db3d49d11a1c0134e0ddadeb8777ce615bee5aee9e9123e55e757875a02f9e4ff7e89c52209d336f","href":"https://static.observableusercontent.com/files/88e32ae636276480924b93078ba1cef6c0c91ad03ffee418db3d49d11a1c0134e0ddadeb8777ce615bee5aee9e9123e55e757875a02f9e4ff7e89c52209d336f","name":"waffleplot.json","type":"application/json","lastModified":1585209999379.93,"size":3420}] 2e:{"title":"Sue","cells":[{"id":0,"value":"md`# Sue`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":640,"value":"viewof chartType = {\n\n const chartTypeKeys = Object.keys(allChartTypes);\n return html`\n \n `\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":84,"value":"viewof chart = {\n \n // render\n const vegaChart = await getNZZChart(editor, chartType, { width: 640, height: 400 })\n const frame = html`\n \n \n `;\n frame.appendChild(vegaChart);\n //frame.value = chartSpec;\n return frame;\n}\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":509,"value":"getChartTypeSpecs(\"line\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":344,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":242,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":575,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":98,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":347,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":288,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":272,"value":"// load the Vega-Embed library\nvegaEmbed = require(\"vega-embed@4\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"Handsontable = require('handsontable/dist/handsontable.full.js');\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":335,"value":"JSON.stringify(await getSpecConfig())","pinned":false,"hidden":false,"mode":"ojs"},{"id":500,"value":"getChartTypeSpecs(\"line\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":610,"value":"$38","pinned":true,"hidden":false,"mode":"ojs"},{"id":443,"value":"getChartTypeSpecs = async (type) => {\n \n let specs = [], dataTransformation = \"long-table\";\n let plugins = {\n signals: [\n {\n \"name\": \"sue___xValueColumn\",\n \"value\": 0\n },\n {\n \"name\": \"sue___smallMultiplesEnabler\",\n \"value\": false\n }\n ]\n };\n const chartDefinition = allChartTypes[type];\n //return chartDefinition;\n if (chartDefinition !== undefined) {\n specs = chartDefinition.specs;\n } \n return { \n dataTransformation, \n specs, \n plugins\n } \n\n} ","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W39","stdlib":"1","titling":"auto"}