Export Code
Connected
getData.js
import { csv, json } from 'd3';
const url = [
'https://gist.githubusercontent.com/',
'curran/', // User
'a08a1080b88344b0c8a7/', // Id of the Gist
'raw/0e7a9b0a5d22642a06d3d5b9bcbad9890c8ee534/', // commit
].join('');

const csvUrl = [url, 'iris.csv'].join('');
const jsonUrl = [url, 'iris.json'].join('');

const parseRow = (d) => {
d.sepal_length = +d.sepal_length;
d.sepal_width = +d.sepal_width;
d.petal_length = +d.petal_length;
d.petal_width = +d.petal_width;
return d;
};


let options2 = [];
const setOptions = (d) => {
d.forEach((column) => {
options2.push({
text:column.label,
value:column.name,
type:column.type
});
});
console.log(options2);
return options2;
};

console.log('Test' + options2 + 'o1');
const mj = json(jsonUrl)

Refactor Animated Scatter Plot with Menus

Felipe Maion

Last edited Jun 05, 2021
Created on Jun 05, 2021

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.

MIT Licensed