Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

LoadCsv-v2

Public visualization

LoadCsv-v2

0 stars0🌍 Public
JJimMaltby
Last edited Jun 5, 2022
Created on Jun 5, 2022
Forked from LoadCsv-v1

This example demonstrates how to dynamically update displayed text content using D3’s selection API. It presents a dropdown menu and a paragraph; selecting a new option triggers the paragraph’s text to change. The code uses `d3.select` to bind the dropdown and paragraph, `property('value')` to read the current selection, and `text` to render the corresponding string. It also showcases D3’s event handling via `on('change', ...)` and a reusable update function pattern, drawing from the “Towards Reusable Charts” concept.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts and Observable: selection.join.

Shows the Iris Dataset.

Comments

Sign in to join the discussion.

MIT Licensed