Skip to main content
SimilarExport ZIP
100%

Bubble Chart

✓ Published0🌍 Public
Hhollyjpotter
Last edited Mar 4, 2022
Created on Mar 2, 2022
Forked from Dot Plot

This bubble chart displays average salary by year for Stamen employees across multiple states, with circle size encoding a rate value and color distinguishing states. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` for state colors. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and circles include a title tooltip for data inspection. Data comes from a CSV file loaded via `d3.csv`.

AI-generated description

States with Stamen employees as of January 2022

MIT Licensed

Similar vizzes

Loading thumbnail…

Dot Plot

This dot plot visualizes the relationship between years of experience and salary for Stamen employees as of January 2022, using the built-in d3.csv to load the dataset. It renders as a bar chart with steelblue rects, with an x-scale using scaleBand for experience and a y-scale using scaleLinear for salary. Axes are generated via d3.axisBottom and d3.axisLeft, and the salary axis is formatted with dollar signs. The SVG layout uses a fixed canvas size and manual margins.

Hhollyjpotter
80% match
Loading thumbnail…

Fork of A4_Bar-chart

This bar chart displays average salaries by job title for U.S. states, with each bar’s height representing the population value. The visualization uses D3.js v6 to fetch CSV data from a Plotly-hosted dataset, parse it client-side, and render an SVG with axes and tooltips. Hovering over a bar changes its fill to orange and reveals a tooltip with the job title and salary. The chart applies a band scale for categorical x-axis labels, a linear scale for the y-axis, and rotates tick labels for readability.

Ppavan vasamsetti
73% match
Loading thumbnail…

Salary scatter plot

This scatter plot displays individual member salaries as yellow circles, with a single dark blue circle representing the current user's salary for comparison. The y-axis shows salary amounts in dollars, while the x-axis positions are randomized. When hovering over a circle, it enlarges, changes color, and displays a yellow tooltip with the exact salary value. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear` for scales, `d3.axisLeft` for the y-axis, and event handlers for mouse interactions, with data sourced from a JSON array.

FFernando Guillen
70% match
Loading thumbnail…

A4_Bar-chart

This bar chart visualizes average salaries for data science job titles, loaded from a CSV file via `d3.text`. The visualization uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis to render the SVG bars. Interactive tooltips appear on mouseover, changing the bar’s fill color to orange and displaying the job title and salary. Axis labels, a chart title, and rotated x-axis text are added using D3’s axis components.

DDuc Pham
69% match
Loading thumbnail…

Salary - Scatterplot

This scatterplot displays the distribution of salary ranges against their corresponding employee counts, using a horizontal bar layout where each salary band’s length represents its frequency. The visualization employs D3 v5 with SVG rendering, using `scaleLinear` for the x-axis and `scaleBand` with padding for the categorical salary ranges on the y-axis. Axis labels are formatted with `format('5s')`, and the chart includes margins and a bordered SVG container. Data is loaded from a local CSV file using `d3.csv`.

KKrishu
69% match
Loading thumbnail…

A4_Bar-chart_LogScale

This bar chart visualizes average salaries by job title using a logarithmic y-axis, which makes it easier to compare values across a wide range, from 1 to $1,000,000. The chart is built with D3.js v6, using `d3.scaleBand` for the x-axis and `d3.scaleLog` for the y-axis, with bars colored steelblue that turn orange on hover. Tooltips appear on mouseover, displaying the job title and salary, while the x-axis labels are rotated for readability. Data is loaded from a CSV file containing job titles and salaries, and the visualization is rendered as an SVG element.

DDuc Pham
69% match
Loading thumbnail…

Line Chart (Jobs In Data Science)

This animated line chart visualizes average salaries across data science job categories, with each point displaying an interactive tooltip on hover. It aggregates the source data by job category using d3.group and d3.mean, then renders a steelblue line and circles with d3.line and scaleBand/scaleLinear scales. Mouseover transitions enlarge points and show the exact salary value, while axes are generated with d3.axisLeft and d3.axisBottom. The chart uses D3 v7.8.5, featuring a light gray background and rotated x-axis labels for readability.

SSree Likhith
68% match
Loading thumbnail…

rudhrani ice-6

This visualization displays employee salary data as a scatter plot, with each circle representing an individual employee positioned by their salary on the x-axis and employee ID on the y-axis. The chart uses d3.csv to load data from an external CSV file, d3.scaleLinear for the salary axis, and d3.scaleBand for the categorical employee ID axis. The SVG rendering includes axes generated with d3.axisLeft and d3.axisBottom, while circles are appended via the d3 join pattern with a fixed radius of five pixels.

Mmogantirudhrani@gmail.com
68% match