Designer, Artist, Researcher, Educator @sugi2000lab .
co-translator for Japanese edition of “Generative Design” and “Code as Creative Medium”.
Published
Edited
Jul 1, 2021
3 forks
2 stars
piechart = {
const piechart = html`<div id="piechart"></div>`;
piechart.style.width = `${width}px`;
piechart.style.height = `${height}px`;
yield piechart;
google.charts.load("current", { packages: ["corechart"] });
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
const data = google.visualization.arrayToDataTable([
["Task", "Hours per Day"],
["Work", 11],
["Eat", 2],
["Commute", 2],
["Watch TV", 2],
["Sleep", 7]
]);
const options = {
title: "My Daily Activities"
};
const chart = new google.visualization.PieChart(piechart);
chart.draw(data, options);
}
}
width = 600
height = 400
google = require("https://www.gstatic.com/charts/loader.js").catch(
() => window.google
)
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
