Fork of Latha Bemanadham scatter plot

100%

Fork of Latha Bemanadham scatter plot

✓ Published1🌍 Public

Last edited Mar 26, 2025

Created on Mar 26, 2025

Forked from Latha Bemanadham scatter plot

A scatter plot uses D3.js v7 to visualize the relationship between temperature and humidity from a plant growth CSV dataset. The HTML page displays an SVG chart with green circular dots, each positioned by temperature on the x-axis and humidity on the y-axis, with axis labels and hover tooltips showing exact values. The visualization employs `d3.csv` to load data, `d3.scaleLinear` and `d3.extent` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and CSS transitions for hover effects.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Latha Bemanadham scatter plot

This scatter plot visualizes the relationship between temperature and humidity from a plant growth CSV dataset. The graph displays each data point as a green circle, with temperature on the x-axis and humidity on the y-axis, and includes axis labels and hovering tooltips that show the exact values. The visualization is built using D3 v7, which loads the data via `d3.csv`, scales the axes with `scaleLinear`, and creates interactive SVG circles using `d3.append` and event listeners for mouse interactions. A styled chart container with a light blue background frames the plot.

Llathabemanadham@my.unt.edu

91% match

Loading thumbnail…

Scatter Plot Latha Bemanadham 11714828

This scatter plot visualizes the relationship between temperature and humidity from a plant growth dataset. The visualization uses D3 v7 to render circles on an SVG canvas, with a linear scale mapping temperature to the x-axis and humidity to the y-axis. The code loads CSV data from a GitHub gist, parses the numeric fields, and draws blue circles with a radius of five pixels. Axis labels and ticks are generated using the d3.axisBottom and d3.axisLeft functions, with the chart configured with a 50-pixel margin.

Llathabemanadham@my.unt.edu

90% match

Loading thumbnail…

line chart latha bemanadham

This line chart visualizes the relationship between temperature and humidity from a plant growth CSV dataset, plotting humidity on the y-axis against temperature on the x-axis. The data is sorted by temperature, with each point rendered as a green circle and connected by a line using `d3.line()`. The chart uses `d3.csv()` to load the external data, `d3.scaleLinear()` for both axes, and `d3.axisBottom()` and `d3.axisLeft()` to generate tick marks. The SVG rendering includes labeled axes for temperature in degrees Celsius and humidity percentage.

Llathabemanadham@my.unt.edu

84% match

Loading thumbnail…

SCATTER PLOT 11714828

This scatter plot visualizes plant growth data, showing the relationship between temperature and humidity with fixed axis labels. A reusable D3 chart factory defines the plot, with animated cycling through three numeric fields (temperature, humidity, growth) via `setInterval`, though the axis titles remain constant. The visualization uses d3.csv to load data, d3.scaleLinear for axes, and SVG circles for points. The chart supports configurable dimensions, margins, scales, and radius through a functional API, with a simple steelblue fill for all data points.

Llathabemanadham@my.unt.edu

82% match

Loading thumbnail…

area chart latha bemanadham

This area chart displays temperature by plant type from a CSV file, with a blue-green filled region beneath a smooth monotone curve. The visualization uses D3.js v7 with SVG rendering, sorting the data by temperature and applying `d3.scalePoint` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` with `d3.curveMonotoneX` to generate the path. The chart includes rotated x-axis labels and axis titles via `d3.axisBottom` and `d3.axisLeft`, using data fetched with `d3.csv`.

Llathabemanadham@my.unt.edu

79% match

Loading thumbnail…

Latha Bemanadham Bargraph

This bar chart displays the average temperature in degrees Celsius for different plant types, using a vertical bar for each category. The visualization, rendered with D3.js v7, loads its data from a remote CSV file. It uses `d3.scaleBand` and `d3.scaleLinear` to map plant types and temperature values to screen coordinates. The chart features a light blue background, styled bars, and interactive tooltips that appear on mouseover, showing the exact temperature for each plant type. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with rotated x-axis labels for better readability.

Llathabemanadham@my.unt.edu

77% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This example visualizes a scatter plot of the Iris Dataset, showing the relationship between temperature and humidity for individual data points. The plot uses D3 v3 to generate SVG circles positioned by linear scales, with labeled axes for both variables. The code loads data from a CSV file via `d3.csv`, then maps numeric values to screen coordinates. The scatter plot demonstrates a reusable chart pattern from `scatterPlot.js`, which exposes configurable accessors and dimensions through a closure-based API.

Rreddysushma994@gmail.com

76% match

Loading thumbnail…

Fork of Scatterplot with Iris Data

This interactive scatterplot visualizes the relationship between temperature (°C) and humidity (%) from a CSS color dataset, styling each data point as a circular mark. Built with React and D3 v7, the code uses `scaleLinear`, `extent`, and `format` to map the values, while `csv` loads the data from a remote URL. The SVG rendering includes custom axis components and hover tooltips that display temperature values. The visualization uses a Poppins font and muted teal marks on a clean background, with labels for both axes.

76% match