Student
data = FileAttachment("temperature_.csv").csv()
Inputs.table(data)
import {SummaryTable} from "@observablehq/summary-table"
SummaryTable(data)
data_autoTyped = FileAttachment("temperature_.csv").csv({typed: true})
// typed:true so java detects what type the date is for example and not mark it as a string
Inputs.table(data_autoTyped)
SummaryTable(data_autoTyped)
data_autoTyped[0].date.constructor.name
data_autoTyped[0].temperature.constructor.name
parseTime = d3.timeParse("%Y-%m-%d") // 2011-10-07
// %Y is year, %m is month and %d is day and dash "-" in between to look for dash seperator
parseTime("2011-10-02")
// Java starts at day 0!
data_manuallyTyped = FileAttachment("temperature.csv")
.csv() // no `{typed: true}` in `csv()`
.then((data) => {
data.forEach((d) => {
d.date = parseTime(d.date);
d.temperature = Number(d.temperature / 1.8) - 32;
});
return data;
})
// for csv we put .then and it is faster
// converts Fahrenheit to Celsius -> (fahrenheit- 32)/1.8 This is thereal formula!! Yours is wong @professor
Inputs.table(data_manuallyTyped)
SummaryTable(data_manuallyTyped)
imageToDo
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.
