Skip to main content
SimilarExport ZIP
100%

ICE7_LineChart_Manisha

✓ Published0🌍 Public
Kkonudulamanisha@gmail.com
Last edited Oct 28, 2025
Created on Oct 28, 2025

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.

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…

ICE 7_Area Chart_Sowjanya

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².

Ssaisowjanyaedupuganti.24f@gmail.com
86% 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
85% 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
83% 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
81% 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
81% match
Loading thumbnail…

ice 7 line chart by umesh

This line chart visualizes solar radiation against elevation for global mountain climate data. The blue line and circular markers show the relationship between two continuous variables, sorted by elevation to create a smooth monotone curve using `d3.curveMonotoneX`. The chart uses D3 v7 with `d3.csv` loading, `d3.scaleLinear` for both axes, and `d3.axisBottom`/`d3.axisLeft` for labeled axes with gridlines. Hover tooltips appear through SVG `<title>` elements, displaying each mountain's name, elevation, and radiation value. The data comes from a remote CSV file containing Global Mountain Climate measurements.

Uuguggila@gitam.in
77% match
Loading thumbnail…

ICE-7 Q3 11699544

This line chart compares daily renewable energy generation, focusing on solar energy output in megawatts across a 150-day period. The visualization uses a smooth, monotone curve to display the upward trend in solar power production over time. Rendered as an SVG using D3.v7, the chart employs `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.curveMonotoneX` to create the smoothed line. The data is retrieved from a CSV file containing solar, wind, and hydro energy measurements.

Aakshayamsgrad@gmail.com
77% match