Updates

Author: luke-s-snyder

public/pages/d3/scatter-plot.html

@@ -10,7 +10,7 @@
         <script>
             createScatterPlot().then(function(svg) {
                 d3.select('#container').node().appendChild(svg);
-                divi.hydrate(svg);
+                divi.hydrate(svg, { url: 'https://raw.githubusercontent.com/holtzy/D3-graph-gallery/master/DATA/iris.csv' });
             });
         </script>
     </body>

src/handlers/brush.js

@@ -41,7 +41,6 @@ export function brushEnd(event) {
     brush.remove();
 }
 
-
 function brusher(event) {
     let x1, x2, y1, y2;
     function bMove(event) {

src/parsers/helpers/axis-parser.js

@@ -46,7 +46,7 @@ function describeAxis(axis, container) {
     sortByViewPos('label', container.ticks);
 }
 
-// Computer axis domain (data space) extents.
+// Compute axis domain (data space) extents.
 function computeAxisDomain(axis) {
     let isDate = true;
 

src/parsers/helpers/data-parser.js

@@ -13,7 +13,12 @@ export async function parseDataset(options) {
     if (!options || !Object.keys(options).length) return { };
     const { url } = options;
     const type = url.split('.').pop();
-    const _table = await (type === 'json' ? loadJSON(url) : loadCSV(url));
+    const _table = await (type === 'json'
+        ? loadJSON(url)
+        : type === 'tsv'
+            ? loadCSV(url, { delimiter: '\t' })
+            : loadCSV(url)
+    );
 
     return new DataState(_table.assign(table({ [tableIndexField]: range(_table.numRows()) })));
 }
@@ -68,8 +73,8 @@ export function inferMarkAttributes(state) {
 
             for (const point of points) {
                 let [x, y] = point;
-                x = x - svgRect.left;
-                y = y - svgRect.top;
+                // x = x - svgRect.left;
+                // y = y - svgRect.top;
 
                 const iterable = { };
                 iterable[state.xAxis.title ? state.xAxis.title.innerHTML.toLowerCase() : 'x'] = state.xAxis.scale.invert(x);

src/parsers/multi-view/link-parser.js

@@ -343,6 +343,7 @@ function storeLink(type, link, to, from, storeTable = false) {
 }
 
 function linkExternalDatasets(states, extState, aggregated) {
+    console.log(extState)
     const { table: extTable } = extState;
     if (!extTable) return;
     const stored = new Map();