Skip to main content
SimilarExport ZIP
100%

Fork of chart 2

✓ Published1🌍 Public
Ssriharshithaanugu5@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from chart 1

This interactive scatter plot visualizes the relationship between wage and potential ratings, with each circle representing a data point colored by wage value. The visualization includes hover tooltips displaying exact values, click interactions that enlarge points and show details, and buttons to reset the zoom or filter for potential values above 70. The chart uses D3 v7 with d3.scaleLinear for axes, d3.scaleSequential with the Viridis interpolator for colors, and d3.select transitions for smooth animations. Data loads from a CSV file into SVG circles rendered on a white background.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of chart 3

This chart is a line graph showing the relationship between "Value" and "Wage" from a CSV data file. The line connects data points across a continuous x-axis of Value, with the y-axis representing Wage, starting at zero. Built with D3.js, the visualization uses `d3.scaleLinear` for both axes, with `d3.extent` and `d3.max` setting the domains. The line is rendered as an SVG path using `d3.line`, styled with a brown stroke and two-pixel width. Axis labels are added using SVG text elements.

Ssriharshithaanugu5@gmail.com
84% match
Loading thumbnail…

chart 1

An interactive scatter plot maps workers' ages against their wages for a small dataset. Each point, rendered as a circle with a color scale based on wage, is drawn using `d3.scaleLinear` for axes and `d3.scaleSequential` with `d3.interpolateCool` for color. The visualization, built with D3 v7, includes SVG axes and tooltips; hovering enlarges a dot and displays its values, while clicking triggers an alert. The animation uses D3's `.transition()` for size changes.

Ssriharshithaanugu5@gmail.com
82% match
Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes average wages across different countries for the year 2021, with each dot representing a nation’s wage value. The visualization uses D3.js v7 to render SVG elements, employing a linear x-scale for wage amounts and a point y-scale for country names. Data is loaded from a CSV file via `d3.csv`, then mapped to circle positions using the scales. The chart includes labeled axes for country and average wage, with hover effects changing dot color to orange.

Nnagasai.mandalapu@gmail.com
80% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This example visualizes average wage trends across countries using an animated scatter plot built with D3 v6. It renders circles positioned by each country's first and last recorded wage values, with a y-axis using a band scale for country names and an x-axis linear scale for wages. The visualization updates every two seconds by randomizing data points, demonstrating reusable chart patterns through the custom `scatterPlot` function that leverages `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`. Data comes from a CSV of country wage statistics, displayed as an SVG with smooth transitions between updates.

Mmukundakrishna.r@gmail.com
79% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This fork of the reusable scatter plot visualizes average wage data by country, comparing annual values from 2000 to 2010. It employs a `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the continuous y-axis, with axes generated via `d3.axisBottom` and `d3.axisLeft`. Data is loaded asynchronously from a CSV using `d3.csv` and rendered as steelblue circles using SVG. The chart is structured as a reusable function with getter/setter methods for configuration, following the Towards Reusable Charts pattern.

Nnagasai.mandalapu@gmail.com
79% match
Loading thumbnail…

Fork of Circles with D3

This visualization presents salary data as a heatmap, using color intensity on a linear scale from light gray to blue to represent salary amounts in US dollars across job titles and company sizes. The SVG chart employs D3 v7 with `scaleBand` for the categorical axes and `scaleLinear` for the color mapping. Hovering over individual rectangles triggers a tooltip displaying the exact salary value, while a legend with axis ticks and color rectangles provides a visual reference for the salary scale.

MMonish Galla
79% match
Loading thumbnail…

Fork of Fork of Fork of Fork of chart 5

A horizontal bar chart displays the top 10 nationalities by wage, sorted in descending order, with each bar's length proportional to the wage value and colored using a viridis sequential scale. The chart uses D3 v7 to load a CSV file, scale the data linearly and by band, and animate the bars growing from zero via a transition. Hovering reveals a tooltip, and clicking an alert shows the nationality and wage.

Ssriharshithaanugu5@gmail.com
78% match
Loading thumbnail…

Fork of Fork of Fork of chart 4

A horizontal bar chart displays the weekly wages of twelve football clubs, sorted from highest to lowest. Each bar’s length encodes the Wage value, and a sequential plasma color scale encodes the same metric, with darker hues indicating higher wages. The visualization is rendered as SVG using D3 v7, with data embedded directly in the page. The chart uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes.

Ssriharshithaanugu5@gmail.com
78% match