Skip to main content
SimilarExport ZIP
100%

Dot Plot

✓ Published1🌍 Public
Hhollyjpotter
Last edited Feb 21, 2022
Created on Feb 21, 2022
Forked from Bar Chart

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.

AI-generated description

States with Stamen employees as of January 2022

MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble Chart

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

Hhollyjpotter
80% match
Loading thumbnail…

Fork of Years and Experience Barchart

A bar chart displays the relationship between years of experience and salary, with pink rectangles on a green background inside an SVG canvas. It uses D3 v7 to load CSV data from a GitHub gist and renders axes with `d3.axisBottom` and `d3.axisLeft`. The chart maps experience values to a band scale for x-positioning and salary to a linear scale for height, with axis labels added as SVG text elements. The data is sourced from Stamen employees as of January 2022.

Vvenkatajayanth03
79% match
Loading thumbnail…

Bar Chart

A grouped bar chart displays the relationship between years of experience and salary from a CSV file loaded via d3.csv. It uses d3.scaleBand for the categorical x-axis and d3.scaleLinear for the continuous y-axis, rendering steelblue SVG rectangles. Axis labels and a title are added via SVG text elements. The chart uses D3 v7 and renders exclusively as scalable vector graphics.

Hhollyjpotter
77% match
Loading thumbnail…

Scatter plot using d3.js

This scatter plot visualizes the relationship between years of experience and salary, with each circle representing a data point from a CSV file loaded via d3.csv. The example uses d3.scaleLinear to map the data to x and y axes, with axis labels for both variables. Circles are appended to an SVG container with a fixed radius of 5 pixels and a teal fill, positioned using the scales. Axes are rendered with d3.axisBottom and d3.axisLeft, and the visualization uses d3.v6 in a simple HTML page.

Yyvarshachowdary@gmail.com
76% match
Loading thumbnail…

Fork of Bar Chart

This fork of a bar chart visualizes the relationship between years of experience and salary. It renders steel-blue SVG rectangles using D3.js v7, with an x-axis for experience and a y-axis formatted to display salary in dollars. The code loads CSV data from a GitHub gist and uses `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart. A title and axis labels are added as text elements, and the SVG is sized at 800 by 600 pixels.

Ppreethamkesa
75% match
Loading thumbnail…

Years and Experience Barchart

This bar chart displays the relationship between years of experience and salary, with each bar’s height corresponding to salary and its horizontal position to experience. Rendered as an SVG using D3 v7, the visualization encodes salary values on a linear scale and experience categories on a band scale. The code demonstrates `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, pulling data from a Salaries CSV hosted on GitHub. Dollar-formatted y-axis ticks and custom axis labels are included via `tickFormat`.

HHarshinireddyy19
75% match
Loading thumbnail…

ICE7_11703795_SCATTER PLOT

This reusable scatter plot displays the relationship between years of experience (x-axis) and salary midpoint in thousands (y-axis) for a dataset of tech professionals. The visualization is rendered as SVG circles with steelblue fill and white strokes, using D3 v7’s `scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for axes. The code structures the chart as a reusable `scatterPlot()` function with configurable width, height, and accessor methods. Axis labels clarify the variables, while the data is embedded as a CSV string in the page.

MMeghanaChowdaryVelaga@my.unt.edu
75% match
Loading thumbnail…

activity6-task-3

This example visualizes the relationship between employee experience and salary in a scatter plot. Each circle represents an employee, with the x-axis showing years of experience and the y-axis displaying salary, while the circle’s fill color encodes the number of projects handled using a sequential blue scale. It uses D3 v6 to load CSV data from a GitHub repository and render SVG elements with `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.scaleSequential` for color mapping.

Rrajeswariamruthabommaraju@my.unt.edu
74% match