Andrey Katamanov

@regme·2 public vizzes

Polished Scatter Plot with Menus

This example presents an interactive scatter plot of the Iris Dataset, featuring dropdown menus that allow users to dynamically select which attributes to display on the x- and y-axes. The visualization uses React to manage state and render SVG elements, with D3.js (d3.v5) providing the scaling, axis generation, and data formatting utilities. Points are rendered as circles with tooltips, and the chart includes labeled axes and a clean, polished aesthetic. The data is loaded asynchronously from a CSV file using D3's `csv` function within a custom `useData` hook.

Sep 29, 2020

Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders a centered, large-format “Hello React!” message on a web page. The code uses the React and ReactDOM libraries to define an `App` component, which includes a nested `Hz` component that outputs the text “text” within a span. The `ReactDOM.render` function mounts the component tree into the `#root` HTML element, while a `bundle.js` file is loaded to execute the JavaScript. The styling is applied via a CSS class defined in the `index.html` file, with the message set to a 13em font size.

Sep 21, 2020