Skip to main content
SimilarExport ZIP
100%

Bar chart

✓ Published0🌍 Public
BbeauMarko
Last edited Oct 30, 2020
Created on Oct 30, 2020
Forked from Bar chart

This bar chart visualizes the relationship between years since earning a PhD and salary for university professors, using a circular mark per individual record. The scatterplot employs `d3.scaleLinear` for both axes with an `axisBottom` and `axisLeft` grid, while the data is loaded from a CSV file via `d3.csv`. The visualization applies `tickFormat` with `format(".2s")` for compact salary labels and includes a rotated Y-axis title.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot

This scatterplot shows the relationship between years since PhD and salary for professors, with each circle representing an individual. The visualization uses D3 v5 (d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to map the data from a CSV file onto an SVG canvas. Data is attributed to a professor salary dataset, with axes labeled "Years Since PhD" and "Salary." The title, gridlines, and circle opacity enhance readability of the distribution across academic ranks.

Mmmustafau
87% match
Loading thumbnail…

Scatterplot

A scatterplot of professors' salaries versus years since PhD, rendering each professor as a semi-transparent blue circle in an SVG. It shows the relationship between academic seniority and compensation using data from a CSV file. The visualization uses d3.scaleLinear for both axes, with d3.axisLeft and d3.axisBottom to add labeled axes, and includes a title and axis labels. Data is parsed from CSV, with numeric fields converted to numbers before plotting.

Tthomaslarkin7
83% match
Loading thumbnail…

P1 - Task 2

This visualization uses a scatter plot to show the relationship between years of service and salary for professors, with each circle’s size varying based on years since PhD. The data comes from a Salaries.csv file. Built with D3.js and rendered as an SVG, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` for loading data. Circle radius is set using `Math.sqrt(d.yrs_since_phd)`, and styling includes gray grid lines and steelblue semi-transparent points.

AAnita Tse
78% 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…

Cars Scatter plot

This scatter plot visualizes the relationship between years of service and salary for university professors. Each circle represents an individual, with its position determined by the `d3.scaleLinear` scales mapping the x-axis (years of service) and y-axis (salary in USD). The chart uses `d3.axisBottom` and `d3.axisLeft` for labeled axes, and a 1.2-second `transition` animation grows the circles from radius zero to their final size. The data is loaded from a CSV file and filtered to include only professors with more than two years of service.

BbeauMarko
76% match
Loading thumbnail…

Salary Data BarChart

This bar chart displays the distribution of salary ranges against their associated counts. The horizontal bars represent each salary interval, with their lengths proportional to the count value. Data is loaded from a CSV file and rendered as SVG elements. The visualization uses D3 v5's `scaleLinear` for the x-axis, `scaleBand` for the categorical y-axis, and `axisLeft` and `axisBottom` to generate the axes.

KKrishu
74% 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
74% match
Loading thumbnail…

Salary Data BarChart

This bar chart visualizes the distribution of salary ranges from a CSV dataset, showing the count of individuals within each salary bracket. It uses a horizontal bar layout with D3 v5, where the x-axis represents the count and the y-axis lists salary ranges. The chart is rendered as an SVG, utilizing D3's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` APIs to map data and generate axes. The bars' lengths are proportional to the counts, with the data loaded via D3's `csv` function.

KKrishu
74% match