react-dataflow-dynamic/index.html

<!DOCTYPE html>
<meta charset="utf-8">
<style>

body {
  max-width: 960px;
  margin: 1em auto;
  padding: 0 1em;
  font-family: sans-serif;
}

a:link:not(:hover) {
  text-decoration: none;
}

</style>
<h1><a href="https://github.com/observablehq/examples">Observable Example</a>: <a href="https://github.com/observablehq/examples/tree/main/react-dataflow-dynamic">React + Dataflow (Dynamic Import)</a></h1>
<p>This example demonstrates embedding an Observable notebook as a React component with two-way dataflow. If you brush the scatterplot below, the selected data will be displayed. Likewise if you edit the height input below, controlled by React, the chart will automatically resize.</p>
<div id="app"></div>
<script src="./bundle.js"></script>