An curious maker & coder from Malaysia, doing fun projects related to Arduino RPi, IoT, PCB, LED, linux, javascript (p5, phaser, Vue), dataviz & art installation
Published
Edited
Nov 21, 2020
1 fork
md`# Calling API`
url = "https://mqtt.boomgrowfarms.com/test"
url2 = "https://mqtt.boomgrowfarms.com/getMsg"
md `Disable CORS in nginx with
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
Get json
response2 = await d3.json(url)
Slice and format for charts with .map
name : id
value : co2 values
`
d3 = require("d3@5")
response2 = await d3.json(url)
co2format = response2.rows.map(function(d) {
return {
name: d.id,
value: d.value
}
})
co2values = co2format.splice(0,20)
import {chart as barchart} with { co2values as data } from '@d3/bar-chart'
barchart
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.
