ICE7-linechart-SarathL

100%

ICE7-linechart-SarathL

✓ Published0🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

This line chart visualizes the relationship between Gene X and Gene Y expression levels across a dataset, using a smooth monotone curve to show the trend. The D3.js v7 code loads CSV data, sorts it by Gene X expression, and maps the values to linear scales for the x- and y-axes. It renders an SVG line path with labeled axes and a title, employing `d3.scaleLinear`, `d3.line`, and `d3.curveMonotoneX`. The chart is styled with a white background, rounded corners, and a soft shadow.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE7-Areachart-SarathL

This area chart visualizes gene expression levels across a dataset, plotting Gene X Expression on the horizontal axis and Gene Y Expression on the vertical axis. The code uses d3.csv to load the data, d3.scaleLinear for both scales, and d3.area with a curveMonotoneX interpolation to create the filled shape. The SVG rendering includes axes via d3.axisBottom and d3.axisLeft, with a celadon blue fill and darker stroke for the area path. The chart is built with D3 v7 and includes labeled axes and a title.

Ssarathlingareddy754@gmail.com

88% match

Loading thumbnail…

Assignment6_SarathL_multiserieslinechart

This multi-series line chart visualizes gene expression trends across patient IDs, comparing three variables: Gene X Expression, Gene Y Expression, and Age. Using D3.js v7’s `d3.line()` and `d3.scaleLinear()`, the visualization renders three colored paths with circles marking every twentieth data point. The code loads CSV data via `d3.csv()` with `d3.autoType`, displays axes with `d3.axisBottom` and `d3.axisLeft`, and includes a custom legend. Styled with SVG and CSS, the chart applies a white background, rounded corners, and a subtle shadow.

Ssarathlingareddy754@gmail.com

82% match

Loading thumbnail…

ICE7-ReusableScatterplot-SarathL

This interactive scatter plot visualizes gene expression data, showing relationships between gene expression levels and patient attributes. The plot cycles through different x-axis variables every 2.5 seconds, rotating among gene expression and age measurements while markers change shape based on disease status. The visualization uses D3.js APIs including scaleLinear, axisBottom, axisLeft, and symbol generators to render SVG elements. Data is loaded from a CSV file, and the reusable chart component updates smoothly through a setInterval loop.

Ssarathlingareddy754@gmail.com

81% match

Loading thumbnail…

ICE7-PieChart-SarathL

This pie chart visualizes the distribution of average Gene_Y_Expression across different disease statuses (Healthy, Stage 1, Stage 2) from an ICE-7 dataset. The D3.v7 code groups CSV data by DiseaseStatus, computes mean expression values, and renders slices using `d3.pie()` and `d3.arc()`, with a legend showing the color-coded categories. The SVG output includes slice labels and a legend, all styled within a rounded card layout.

Ssarathlingareddy754@gmail.com

79% 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

77% match

Loading thumbnail…

LINE CHART - ICE 7 SAKETH SARA

This line chart compares sales and profit values across a series of products. It uses D3 v7 to load a CSV file, map the data to points, and render two smooth monotone lines in blue and green, with circular markers for each product. The SVG visualization includes rotated category labels, horizontal grid lines, a legend, and interactive tooltips that appear on hover. The chart uses `d3.csv` with `d3.autoType`, `d3.scalePoint`, and `d3.axisBottom` to construct the axes and visual encoding.

Ssarasaketh3@gmail.com

76% match

Loading thumbnail…

Assignment6_SarathL_scatterplot

This scatter plot compares gene expression levels across samples, plotting Gene X expression on the horizontal axis and Gene Y expression on the vertical axis to reveal potential correlations between the two variables. Each circle represents a sample, with hover interactions highlighting individual points in orange. The visualization loads CSV data via d3.csv, uses d3.scaleLinear for both axes, and renders circles, axes, and labels as SVG elements using D3 v7. A summary line displays the total sample count.

Ssarathlingareddy754@gmail.com

76% match

Loading thumbnail…

ICE7-Line-Sivani

A line chart displays health scores across years from 2019 to 2023, with a steelblue line connecting red circular markers for each data point. The visualization uses D3.js v7 with an SVG rendering approach, employing `d3.scaleLinear` for both axes, `d3.line` to generate the path, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded asynchronously from a local CSV file via `d3.csv`, with the x-axis formatted as integers and axes labeled "Year" and "Health Score".

Ssivaniammisetti2002@gmail.com

75% match