omogyliuk@gmail.com

@osmog·2 public vizzes

Fork of CV: Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, showing sepal length against sepal width for 150 flowers across three species. The visualization, rendered with SVG and built using React, D3.js, and the `select`/`join` API, allows users to click any circle to highlight it. It uses `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleLinear` for scales, and `ResizeObserver` for responsive sizing. The code loads data from a local CSV file.

Nov 27, 2025

Loading thumbnail…

Fork of React & D3 Starter

This example demonstrates a minimal integration of React and D3, where the text "Hello D3 & React" is rendered inside a React component. The component uses a `useRef` hook and a `useEffect` hook to select a DOM element via D3's `select` method and set its content, while React handles the component mounting through `createRoot` from `react-dom/client`. The imports include React 19, D3 v7, and are loaded through an import map in the HTML. The styling applies a large font size centered in the page.

Nov 26, 2025