Skip to main content
SimilarExport ZIP
100%

Fork of Hello VizHub

✓ Published0🌍 Public
Pperamranji
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Hello VizHub

This fork of “Hello VizHub” displays a scatter plot of a two-feature dataset loaded from a CSV file, with points colored by category. It uses D3.js v6 functions like `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data to SVG circles, with green axis labels and a red, underlined title. The visualization resizes to the full browser window and plots each row’s feature_1 against feature_2.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays a pie chart of scores loaded from a remote CSV file. The visualization uses d3.pie and d3.arc to compute and render the donut-like segments, with a categorical color scale (d3.scaleOrdinal) assigning colors. Data is fetched via d3.csv from a GitHub gist, and the SVG paths and labels are drawn with D3's data-join pattern, placing names at each arc's centroid.

CChiranjeeviUppala@my.unt.edu
84% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays a scatter plot of pizza data loaded from a GitHub Gist CSV, showing the relationship between quantity and unit price. The visualization uses D3 v6 to parse the CSV, create linear scales for both axes, and render steelblue circles for each data point within an SVG. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with text labels for “Quantity” and “Unit Price” appended directly to the axis groups.

Kkshravyak.2001@gmail.com
83% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub displays an area chart of iris sepal lengths against sample ID. The D3.js code uses `d3.csv` with `d3.autoType` to load and parse the data from a gistfile, filters it, and then applies `d3.scaleLinear` for both axes. It renders the visualization as an SVG, using the `d3.area` generator to create the filled path and `d3.axisBottom` and `d3.axisLeft` for the axes with labels.

Ssohith kampalli
83% match
Loading thumbnail…

Fork of Hello VizHub

This example visualizes the Iris dataset as an animated scatter plot, cycling through four different feature pairs on the x-axis. It uses D3.js v6 to fetch CSV data, render SVG circles, and animate the plot via `setInterval`. The code dynamically updates the x-axis attribute, and colors points by species with a custom legend. It demonstrates D3’s `select`, `csv`, and SVG primitives for interactive data exploration.

Ssohith kampalli
83% match
Loading thumbnail…

Fork of Hello VizHub

This interactive scatterplot lets users explore the relationship between any pair of numeric variables from the auto-mpg dataset. Two dropdown menus, built with the custom `dropdownMenu` function, independently select the x and y axes. The chart updates dynamically using D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and SVG rendering. The `scatterPlot` module reuses enter/merge patterns to efficiently update circles and axis labels. Data loads via `d3.csv` and appears as semi-transparent red circles.

PPiotr Paszek
83% match
Loading thumbnail…

Fork of Hello VizHub

This area chart visualizes a dataset loaded from a CSV file hosted on GitHub. The chart displays values over time, with dates parsed via `d3.timeParse` and a linear scale for the y-axis. The area path is generated using `d3.area` and rendered as a steelblue SVG path. Axes are created with `d3.axisBottom` and `d3.axisLeft`, and the chart is built with D3 v7.

SSeema Shrestha
82% match
Loading thumbnail…

Fork of Hello VizHub

This fork of Hello VizHub demonstrates three linked D3.js visualizations. It shows total sales by brand and region in a bar chart, units sold versus sales in a scatter plot, and profit alongside average price in a multi-series chart with bars and a line. The code uses `d3.csv` to load a remote dataset and `d3.scaleBand`, `d3.scaleLinear`, `d3.rollups`, and `d3.schemeTableau10` to bind data to SVG rects, circles, and a path via `d3.axisBottom` and `d3.axisLeft`. A dual y-axis is implemented for the final chart.

Aankitgoudpoodhari07@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Hello VizHub

This fork of Hello VizHub displays a multi-series area chart rendered as SVG, with axes, tick labels, and a bold title. It loads D3 from UNPKG and uses `import` to access `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, `d3.axisBottom`, and `d3.axisLeft` for chart construction, while a local ES6 module supplies the message. The example demonstrates importing from both external and local modules.

Aamulyabhagwat1999@gmail.com
81% match