ICE Assignment-6

100%

ICE Assignment-6

✓ Published1🌍 Public

Last edited Mar 26, 2025

Created on Mar 24, 2025

Forked from barplot

This example shows US housing sales by state as a static bar chart, with each bar’s height representing the number of sales and a rotated x-axis label for each state. The chart is rendered as an SVG using D3 v6, leveraging `d3.csv` to load data from a GitHub Gist, `d3.scaleBand` and `d3.scaleLinear` for scales, and `d3.axisBottom` and `d3.axisLeft` for axes. The visualization includes a title and uses a steelblue fill for the bars.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE Assignment-6

A scatter plot displays the relationship between the number of housing sales and their average price across the United States. Each red circle represents a data point from a CSV file loaded via `d3.csv`. The visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and SVG circles rendered with `d3.selectAll` and `.enter()`. Titles and axis labels are added as SVG text elements, with the chart styled using a white background and rounded corners.

Ssowmyakancharla01@gmail.com

85% match

Loading thumbnail…

ICE - 6 Bar Graph

The visualization displays a bar chart comparing the population of U.S. states, sourced from a CSV file. It uses React with D3 v5 to render SVG bars, where each bar’s height and color vary by population value. The code employs `d3.scaleBand` and `d3.scaleLinear` for axes, with `d3.axisBottom` and `d3.axisLeft` to generate the scales, and formats population values by stripping commas.

81% match

Loading thumbnail…

ICE-7-Assignment-7- Piechart

This pie chart displays the distribution of housing sales across the ten most populous U.S. states, with each slice sized by the number of sales and labeled in a legend showing exact values. The visualization uses D3 v7 to generate an SVG pie chart, applying `d3.pie()` to compute arc angles and `d3.arc()` to render the paths, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors to states. The data consists of hardcoded values for state populations and sales figures, and the chart includes a custom legend positioned to the right of the pie.

Ssowmyakancharla01@gmail.com

81% match

Loading thumbnail…

ICE-6 DV

This example displays a horizontal bar chart comparing the population of the first 20 U.S. states from a CSV dataset. Built with React and D3 v5, it uses `d3.csv` to load data, `scaleBand` for the y-axis categories, and `scaleLinear` for the x-axis values. The SVG rendering includes custom axis ticks and blue grid lines, with `rect` elements representing each state’s population.

Ssowmyanagula@my.unt.edu

81% match

Loading thumbnail…

ICE 6 (Marks and Channels) - Bar Graph

This bar graph visualizes sales figures for 30 US states from the Superstore dataset, with states on the y-axis and sales values on the x-axis. The React component loads data via d3.csv and renders SVG rectangles scaled by d3.scaleBand and d3.scaleLinear. Grid lines and tick marks are generated manually using d3.format, while axis labels are positioned from the scales' domain values. Each state’s bar length encodes its total sales, allowing quick comparison across the displayed subset.

NNaveen Kumar

80% match

Loading thumbnail…

Bar chart ICE 6

A bar chart displays the number of houses sold in the North East region of the United States per year from 2011 to 2022. It uses D3 v7 with an SVG rendering approach, employing `scaleLinear` for the x-axis and `scaleBand` for the y-axis. The code loads CSV data from a remote GitHub gist and includes a custom tooltip on hover. The bars are colored with a CSS-defined fill, which darkens on mouseover. The chart is titled "Houses sold (in Thousands) in each year."

CCH SAMPATH

80% match

Loading thumbnail…

ICE6

This visualization shows the top 10 most populous US states as horizontal bars, with population values on the x-axis and state names on the y-axis. It uses React with hooks to manage state and D3’s `csv` to load data from a GitHub Gist. The bars and axes are rendered as SVG elements, with scales from `scaleBand` and `scaleLinear` positioning the rectangles, while custom tick marks and labels are drawn manually rather than using D3’s axis components.

SSai Bhavana Akkineni

80% match

Loading thumbnail…

ICE-6

This bar chart displays sales data for various items, with horizontal bars showing the sale amount for each item. The visualization uses React and D3 v5, loading CSV data via `d3.csv` and rendering SVG elements with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Gridlines and axis labels are generated manually using `xScale.ticks()`, while the data values are encoded as rectangle widths.

HHARSHA BUDDANA

80% match