Plotting TemplateArquero TemplateCheerio TemplateMarkdownHTMLArraysObjectsData SetsStar Wars DataFunctionsPlotting Points (Method 1)Plotting Points (Method 2)Plotting Points (Method 3)Plotting Example (Method 2)Plotting Example (Method 3)Plotting Example (with filter)Baseball Example (HR VS SO)Baseball Example (Years VS HR)Horizontal LinesAdding TextAdding Text (Example 2)Best Fitting Horizontal LineHorizontal Line ExampleLinesLine ExampleSelecting,Ordering,Filtering with ArqueroGrouping with ArqueroMore Arquero PracticeMore Arquero Practice IIJoining TablesJoining Three TablesA Few Last TechniquesCollege Baseball ExampleBlocks of CodeFor LoopsIf StatementsBasic Web-Page ParsingHTML TablesString Method TutorialPulling Out LinksSorting an ArrayGenerating an HTML TableOhio States ApplicationRegular Show EpisodesOlympicsMassachusetts Collegesh3 text filex and y text files
Ohio Cities Example
page = FileAttachment("https _en.wikipedia.org_wiki_List_of_cities_in_Ohio.txt").text()
table = (data) => {
let table = `<table>`
for(let i = 0; i < data.length; i = i + 1){
table = table + ` <tr> <td><a href="${data[i].url}">${data[i].city}</a></td> <td>${data[i].population}</td> </tr> `
}
table = table + `</table>`
return table
}
html`${table(data.filter(d => d.population > 200000))}`
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.
