Fork of HTML Starter

100%

Fork of HTML Starter

✓ Published0🌍 Public

Last edited Oct 4, 2025

Created on Sep 30, 2025

This visualization summarizes gene expression data from a CSV file by computing the average expression levels of Gene X and Gene Y across all patients and displaying them as a two-bar bar chart. The chart renders in SVG, with axes and bars created using D3.js v7 methods such as `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`. A summary line above the chart reports patient count and average values, and the SVG includes a decorative DNA helix illustration.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This bar chart displays categorical values from a remote CSV file hosted on GitHub. The visualization uses D3.js v7 to load the data with `d3.csv` and renders it as an SVG. The chart's y-axis is scaled linearly with `d3.scaleLinear` and includes nice tick marks, while the x-axis uses `d3.scaleBand` for categorical spacing. The code appends steelblue rectangles, rotates x-axis labels, and adds a title, with margins and axes positioned via SVG transforms.

Yyazneshpara2@gmail.com

79% match

Loading thumbnail…

Fork of HTML Starter

This interactive bar chart visualizes the distribution of tree species from a CSV dataset, displaying the count of each species alongside tooltips that reveal average height and circumference. Built with D3 v7, the visualization employs `d3.csv` for data loading, `d3.rollups` for aggregation, and `d3.scaleBand` and `d3.scaleLinear` for axes. Bars animate upward on load, use a green sequential color scale, and respond to hover with opacity changes. The SVG rendering includes rotated x-axis labels and a styled title.

Aanirudhrao345@gmail.com

78% match

Loading thumbnail…

Fork of Fork of HTML Starter

A bar chart displays average marks per subject, computed from a CSV dataset of student scores. The visualization uses D3.js v6 to load the data, calculate averages with `d3.mean`, and render SVG rectangles scaled by `d3.scaleBand` and `d3.scaleLinear`. Axes are added via `d3.axisBottom` and `d3.axisLeft`, with labels and a title. Bars turn orange on hover through CSS, and the chart includes rotated x-axis tick labels and clear axis annotations.

Vvenigallajaanu@gmail.com

78% match

Loading thumbnail…

Fork of HTML Starter

This bar chart visualizes student test scores from a CSV file, with each student’s name on the x-axis and their numeric score on the y-axis ranging from 0 to 100. The visualization uses D3.js v7’s `d3.scaleBand` and `d3.scaleLinear` to map data to SVG rectangles filled with steel blue, while `d3.axisBottom` and `d3.axisLeft` render the axes. The code loads the data asynchronously via `d3.csv` and renders the chart entirely in SVG within a styled container.

YYamini Malikireddy

78% match

Loading thumbnail…

Assignment6_SarathL_barchart

This bar chart displays average expression levels for two genes, Gene X and Gene Y, computed from a CSV dataset loaded via d3.csv. It summarizes the data by showing the mean expression value for each gene as a pair of steel-blue bars that turn orange on hover. The visualization uses D3 v7 scaleBand and scaleLinear to position the bars and axes, with d3.axisBottom and d3.axisLeft generating the scales. A summary paragraph above the chart reports the sample count and computed averages, using d3.mean for calculations. The SVG rendering includes axis labels for both dimensions.

Ssarathlingareddy754@gmail.com

78% match

Loading thumbnail…

Fork of Fork of HTML Starter

This example presents a health data visualization comprising three charts: a bar chart of Var1, a line chart showing Var2 over time, and a pie chart of Var3. It loads CSV data from a GitHub gist and uses D3.js v7 to render SVG elements. The bar chart maps data points to horizontal bars, the line chart uses scales and a line generator to plot the time series, and the pie chart uses `d3.rollups` to aggregate categories. The code includes axes and margin conventions for the line chart.

Aakhilakura@my.unt.edu

77% match

Loading thumbnail…

Fork of HTML Starter

This visualization summarizes student and sports data from a CSV file, displaying key statistics such as total student count, unique favorite subjects, and the top team. It presents these findings in a simple SVG bar chart that shows team counts, with axes labeled using D3's `d3.axisBottom` and `d3.axisLeft`. The data is loaded via `d3.csv` and processed using `d3.rollups` and `d3.scaleBand`, resulting in an accessible chart with a summary section and rotated x-axis labels for readability.

SSYAM TEJ

77% match

Loading thumbnail…

Fork of HTML Starter

A bar chart displays national-level data from a CSV dataset, filtered to include all years for the "National" level. The visualization uses D3.js to create an SVG rendering, with a band scale for the x-axis and a linear scale for the y-axis. Bars are drawn as rectangles filled with steelblue, and axes are generated using `d3.axisBottom` and `d3.axisLeft`. The data is loaded asynchronously via `d3.csv` from a GitHub gist URL.

Pprathyusha-reddy-arch

77% match