D3. Part 1 - HTML, SVG and a Basic Bar ChartD3. Part 1 - Exercise: Bar Chart and Scatter PlotD3. Part 1 - Exercise SolutionD3. Part 2 - Click InteractionD3. Part 2 - Animated Bar Chart RaceD3. Part 2 - Exercise: Interactive ChartsD3. Part 2 - Exercise SolutionD3. Part 3 - Brushing and LinkingD3. Essentials - selection.join explainedD3. Essentials - ColorD3. Essentials - Further Learning VideosD3. Advanced - MapsD3. Advanced - Drawing custom Shapes
D3. Part 2 - Importing and combining Charts
import {scatterplot, barchart}
with {chartWidth as width, mutable mySelectedData as selectedData}
from "@philippkoytek/d3-part-2-simple-interaction";
html`
<h3> Two Charts </h3>
<div style="display: flex">
<div>${scatterplot}</div>
<div>${barchart}</div>
</div>
<p>selected: ${mySelectedData && mySelectedData.country} </p>
`
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.
