print("Ayush")

Fork of Scatter Plot with Missing Data

Fork of Missing Migrants Scatter Plot Log Scale

Fork of Missing Migrants Scatter Plot Log Scale

This scatter plot visualizes the relationship between temperature and wind from a loaded CSV dataset, with each point representing a data entry. The React component uses D3’s `scaleLinear` and `extent` to map the numeric attributes to the SVG coordinate system, while custom `AxisBottom` and `AxisLeft` components render the axes. Users can switch between different x and y attributes via state, though the current code defaults to temperature and wind. The visualization demonstrates a log-scale fork of the Missing Migrants dataset, rendering points with a fixed circle radius.

Fork of Polished Scatter Plot with Menus

Fork of Polished Scatter Plot with Menus

This interactive scatter plot visualizes the Iris Dataset, displaying flower measurements as circles positioned by two user-selectable numeric attributes. Dropdown menus control which measurements appear on the x and y axes, with axis labels updating dynamically to reflect the current selection. The visualization is built with React and d3 v5, using d3.scaleLinear for coordinate mapping, d3.extent for domain calculation, and d3.csv for data loading. Custom React components generate the SVG axes and marks, while react-dropdown provides the menu interface.

Simple Scatter Plot

This scatter plot visualizes the Penguins dataset, mapping measurements of penguin species onto X and Y axes. The visualization renders circles with adjustable radius and opacity, set against a colored inner rectangle. Built with D3.js, the code utilizes `scaleLinear` for axis scaling and `extent` to determine data ranges. Custom axis label functions add text annotations to the plot. The example is intended as a reusable template, inviting users to adapt it to their own data by modifying the data source and axis configurations.

Fork of Simple Scatter Plot

This example is a fork of a simple scatter plot that visualizes the Penguins Dataset, showing the relationship between bill length and flipper length. The plot uses D3's `scaleLinear` for axes and `extent` for data ranges, with the `viz` module handling axis labels and rendering circles with configurable radius and opacity. The chart displays each penguin as a semi-transparent point on a light gray background, with labeled axes for both measurements. The code is designed to be easily modified for other datasets by changing the data source and value functions.

Scatter Plot