yassinelfarhi

@yassinelfarhi·3 public vizzes

Fork of Scatter Plot with Menus

A scatter plot of the Iris dataset, presented as a React application using D3 v5 for scales and axes. Two dropdown menus let the user select which of four numeric attributes (sepal length/width, petal length/width) to display on the x and y axes. The SVG rendering uses `scaleLinear`, `extent`, and `csv` from D3 to load and map the data into positioned circles, with axis labels updating dynamically based on menu selections.

Jun 28, 2021

Loading thumbnail…

ai-covid-simulation

A network visualization depicts the spread of a pandemic through a simulated population. The application combines a React interface with D3 version 6, using `d3.forceSimulation` to position nodes representing individuals and links for their contacts. Geographic context is provided through a separate SVG map with path data, while user sliders adjust demographic and epidemic parameters. A static dataset defines the initial network structure, and the simulation drives the animated node and link positions during tick events.

May 18, 2021

Loading thumbnail…

Fork of React Starter

This example displays the text “AI COVID TOOL” in oversized, centered type using React. It renders a single React component through `ReactDOM.render`, applying large, 13em font styling via CSS. The application loads React and ReactDOM from CDN links and mounts the message into a `#root` div, demonstrating a minimal starter setup for a React-based interface.

Apr 26, 2021