ICE6 RAJA YASWANTH VARMA VEGESNA (11640007)

ICE6 RAJA YASWANTH VARMA VEGESNA (11640007)

This visualization displays the maximum life expectancy (in months) of twelve dog breeds using a horizontal bar chart. The chart ranks breeds along the y-axis with bar lengths proportional to their life expectancy values. Built with React and D3 v5, it uses `d3.csv` to load data from a GitHub gist, `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and renders SVG rectangles. Red gridlines are drawn from `xScale.ticks()` to aid readability.

95% match

Fork of ICE-7 Line Chart

This fork of the ICE-7 line chart visualizes dog breed data by plotting maximum female height over time on the x-axis against breed names on the y-axis, with a red line path connecting points and labeled axes. The chart uses D3 v5’s `csv` loader to fetch data from a GitHub gist, `scaleTime` and `scaleLinear` for scaling, and `line()` to generate the SVG path. Axes are rendered with `axisBottom` and `axisLeft` inside an SVG container, with custom tick styling and static text labels for both dimensions.

76% match

Fork of D3.js Line Chart

This chart visualizes the minimum life expectancy of twelve dog breeds, using a categorical X-axis for breed names and a linear Y-axis for years. A thick steelblue line connects the data points, with labels for both axes. The visualization is built with D3.js v7, using `d3.scaleBand` and `d3.scaleLinear` for positioning, and `d3.line` to generate the SVG path. Data is loaded from a CSV file containing breed names and their corresponding life expectancy values.

74% match

Aachyutanandmishra17@gmail.com

ICE Assignment 5

This example displays a static image of a dataset related to dog breeds, presented as an embedded SVG graphic with a dark background. The visualization is rendered using raw SVG markup within an HTML page, which also includes styled headings and a preformatted text block. The code imports D3.js v7 from a CDN and uses basic CSS for layout and typography. The SVG references an embedded base64-encoded PNG image, which is repeated as a pattern, serving as the primary visual content for the breed data.

Aachyutanandmishra17@gmail.com

ICE-6 Bar Graph

This example shows the monthly cost of basic internet service for the 12 most expensive dog-breed-owning countries, displayed as horizontal bars. It uses React with hooks (useState, useEffect) to load and manage the CSV data, while d3's scaleBand and scaleLinear map country names and costs to SVG rectangles. Axes are drawn manually with d3's max, format, and tick generation, and the visualization renders directly to SVG with red gridlines and a loading state.

ICE-6 11640007 Scatterplot

This scatterplot visualizes male versus female maximum weight for dog breeds, with each point colored by species (blue for Great Dane, yellow for Border Collie, red for Schipperke, black otherwise). The code loads CSV data via `d3.csv`, maps it with `scaleLinear` and `extent`, and renders circles using `selectAll().join()`. It draws axes with `axisLeft` and `axisBottom`, sized to the window. Height values are stored as circle attributes (`rx`, `ry`) but only the radius is visually applied, leaving the scatter plot focused on weight dimensions.

Bbhavyapokuri123@gmail.com

ICE_6_bhavya

This example visualizes top manga sales data with a bar chart rendered as SVG, displaying each series name along the x-axis and millions of volumes sold along the y-axis. The chart uses React to manage state and render components, while D3’s `scaleBand` and `scaleLinear` handle positional scales, and the `csv` function loads data from a remote URL. Each bar is a `<rect>` element with Crimson fill, accompanied by axis tick lines and labels generated from the scales. The code explicitly maps over the domain to produce marks and text, with data transformation converting string values to numeric format during CSV parsing.

ICE-6

This horizontal bar chart visualizes the relationship between age and BMI for insured individuals, displaying the first 15 records from a CSV dataset. Built with React and D3 v5, it uses `d3.csv` to load data, `d3.scaleBand` for the age categories on the y-axis, and `d3.scaleLinear` for the BMI values on the x-axis. The chart renders as an SVG, with red gridlines and text labels generated via D3’s axis utilities.

Vvagdevi-369