Skip to main content
SimilarExport ZIP
100%

ICE 7_Area Chart_Sowjanya

✓ Published1🌍 Public
Ssaisowjanyaedupuganti.24f@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025

This area chart visualizes solar radiation levels across the eight planets, ordered from Mercury to Neptune by their distance from the Sun. A smooth monotone curve connects the data points, with the area beneath filled using a vertical linear gradient that fades from semi-transparent blue to nearly transparent. The visualization uses D3 v7 APIs including `d3.scalePoint`, `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, `d3.curveMonotoneX`, and `d3.area`. Data is loaded from a remote CSV file containing planetary climate measurements, with hover tooltips displaying each planet’s exact radiation value in W/m².

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7_AreaChart_Manisha

This area chart visualizes solar radiation levels for the first six planets, ordered by their distance from the sun. The visualization uses D3 v7 to render an SVG path whose area is filled with a light blue color and stroked in steel blue. The x-axis applies a point scale to the planet names, while the y-axis uses a linear scale for radiation values, with the area curve smoothed using `d3.curveMonotoneX`.

Kkonudulamanisha@gmail.com
90% match
Loading thumbnail…

ICE7_LineChart_Manisha

This line chart visualizes solar radiation levels for eight planets, ordered by their distance from the Sun. Using D3.js v7 with SVG rendering, the code loads CSV data from a GitHub repository and maps the values with `d3.scalePoint` for the categorical planet axis and `d3.scaleLinear` for the radiation intensity. A monotone curve (`d3.curveMonotoneX`) connects the points, with circle markers at each planet, while rotated tick labels and axis titles clarify the ordered categories and units.

Kkonudulamanisha@gmail.com
86% match
Loading thumbnail…

Assignment_7_linechart_sowjanya

This line chart visualizes solar radiation levels across the eight planets, ordered from Mercury to Neptune. The graph shows a steep decline in radiation from the inner to the outer planets. Using D3 v7, the code loads CSV data, applies a monotone curve to create a smooth line, and renders interactive dots with tooltips. The chart uses `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for ticks, with SVG output.

Ssaisowjanyaedupuganti.24f@gmail.com
84% match
Loading thumbnail…

ICE7_sowjanya_piechart

This pie chart visualizes the share of solar radiation for top planets, with each slice’s size proportional to its value and labeled with a percentage when above 8%. The chart is rendered as an SVG using d3.pie(), d3.arc(), and d3.scaleOrdinal with Tableau10 colors, while a legend lists each planet’s value and percentage share. Data is loaded from a remote CSV via d3.csv(). The layout uses a two-column grid for the chart and legend, with slice labels positioned via arc.centroid.

Ssaisowjanyaedupuganti.24f@gmail.com
83% match
Loading thumbnail…

ICE 7 AREA chart by umesh

This area chart visualizes the relationship between solar radiation and elevation for global mountain climate data. The chart uses a blue filled area with a monotone curve to connect data points, which are also marked by individual dots that display tooltips with mountain names and values. Built with D3 v7, the visualization loads CSV data from a Gist URL, uses linear scales for both axes, and includes gridlines, axis labels, and a title. The code leverages D3's `scaleLinear`, `axisBottom`, `axisLeft`, `extent`, and `area` APIs to render the SVG output.

Uuguggila@gitam.in
78% match
Loading thumbnail…

ICE7_PieChart_Manisha

This pie chart displays each planet’s share of total solar radiation, with slice labels showing percentages and a legend listing raw W/m² values. The visualization loads CSV data from a GitHub repository and uses D3 v7’s `d3.csv`, `d3.autoType`, `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` with `d3.schemeTableau10`. SVG paths and text elements are generated within a 640×480 canvas, while the HTML legend updates dynamically alongside the chart.

Kkonudulamanisha@gmail.com
78% match
Loading thumbnail…

ICE7_Reusable_Scatter_Plot_Manisha

This visualization shows the relationship between gravity and average temperature for planets, with each point colored by planet category. Users can hover over a dot to view a tooltip with the planet’s name, category, and exact gravity and temperature values. The chart is built as a reusable scatter-plot factory using D3 v7, employing d3.scaleLinear, d3.extent, d3.axisBottom, d3.axisLeft, d3.schemeTableau10, and d3.least for nearest-point detection. Rendering uses SVG circles inside a joined `<g>` element, with axes and labels appended directly.

Kkonudulamanisha@gmail.com
78% match
Loading thumbnail…

ResuableScatterplot_ICE7_Sowjanya

This interactive D3.v7 scatter plot visualizes the relationship between gravity and average temperature for planets, using data from a CSV file. The chart employs a reusable chart factory with classic function setters, allowing customization of dimensions, margins, data mappings, labels, and styling. It creates axes, labels, and a title, while circles are positioned and colored via configurable value functions. A tooltip, implemented with D3's selection joins, displays the planet name and the x/y values on mouse hover.

Ssaisowjanyaedupuganti.24f@gmail.com
76% match