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 TextBest 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 TablesOhio Cities ExampleString Method TutorialPulling Out LinksSorting an ArrayGenerating an HTML TableOhio States ApplicationRegular Show EpisodesOlympicsMassachusetts Collegesh3 text filex and y text files
Adding Text (Example 2)
Plot.plot({
x:{domain:[0,10]},
y:{domain:[0,10]},
marks:[
Plot.ruleX([0]),
Plot.ruleY([0]),
Plot.dot(points,{x:"x",y:"y",r:5,stroke:"black",fill:"red"}),
Plot.text(points,{x:"x",y:"y",dy:20,fontSize:15,text:d => `(${d.x},${d.y})`})
]
})
points = [
{x:2,y:3},
{x:8,y:7}
]
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.