Skip to content

index.md

Latest commit

 

History

History
120 lines (108 loc) · 14.5 KB

index.md

File metadata and controls

120 lines (108 loc) · 14.5 KB
layout home
titleTemplate The JavaScript library for exploratory data visualization
head
link
rel href
canonical
meta
name content
title
Observable Plot
meta
name content
description
The JavaScript library for exploratory data visualization
meta
name content
twitter:card
summary_large_image
meta
name content
twitter:site
@observablehq
meta
property content
og:description
The JavaScript library for exploratory data visualization
meta
property content
og:site_name
Observable
meta
property content
og:title
Observable Plot
meta
property content
og:type
article
meta
property content
og:url
hero
name text tagline image actions
Observable Plot
The JavaScript library for exploratory data visualization
Create expressive charts with concise code
src alt
/plot.svg
Observable Plot
theme text link
brand
Get started
/getting-started
theme text link
alt
What is Plot?
/what-is-plot
features
title details link
Marks
Plot doesn’t have chart types. Instead, it has layered geometric shapes such as bars, dots, and lines.
/features/marks
title details link
Scales
Scales map an abstract value such as time or temperature to a visual value such as position or color.
/features/scales
title details link
Transforms
Derive data on-the-fly while plotting, say to bin quantitative values or compute a rolling average.
/features/transforms
title details link
Facets
Small multiples facilitate comparison by repeating a plot across partitions of data.
/features/facets
title details link
Projections
Plot supports GeoJSON and D3’s spherical projection system for geographic maps.
/features/projections
title details link linkText
Built with D3
Plot is built by the same team as D3. If you know some D3, you’ll be right at home with Plot.
Visit D3
title details link linkText
Plot without code
With Observable’s chart cell, quickly create plots with a GUI, then eject to code to customize.
Try chart cell
title details link linkText
Built by Observable
Plot is developed by Observable, the platform for collaborative data analysis.
Visit Observable
<style> :root { --vp-home-hero-name-color: transparent; --vp-home-hero-name-background: linear-gradient(-30deg, var(--hero-brand-contrast), var(--vp-c-brand-1)); } :root.dark .VPHero .VPImage { filter: drop-shadow(0 4px 8px black); } </style> <script setup> import {onMounted} from "vue"; onMounted(() => { const p = document.querySelector(".VPHero .text"); const s = document.querySelector("#hero-text"); if (!p || !s) return; while (p.lastChild) p.lastChild.remove(); p.append(s); }); </script>
The JavaScript library for exploratory data visualization