Skip to main content
SimilarExport ZIP
100%

Fork of Simple Scatter Plot of remote to salary

✓ Published0🌍 Public
Ccrijos
Last edited Nov 22, 2024
Created on Nov 22, 2024

This fork of a simple scatter plot visualizes the relationship between salary in USD and remote ratio, using data from the Cyber Security Index dataset on Kaggle. The plot renders circles for each data point, with the x-axis representing salary and the y-axis representing remote ratio. The implementation uses d3's `scaleLinear` for scaling, along with `xAxis`, `yAxis`, `xAxisLabel`, `yAxisLabel` functions from `@curran/axis-labels` to construct the chart. The visualization applies a grey inner rectangle as background and semi-transparent circles to display the distribution.

AI-generated description

The Cyber Security Index loaded to dispaly a simple scatterplot of CEI and GCI

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Simple Bar Chart

This example shows the relationship between employee salary and employee ID as a scatter plot. The visualization encodes salary on the x-axis and employee IDs on the y-axis, with each employee represented by a small circle. The code loads salary data from a CSV file using d3.csv, then creates linear and band scales with d3.scaleLinear and d3.scaleBand to map the data to screen positions. Axes are rendered with d3.axisLeft and d3.axisBottom. The SVG rendering approach is used, with circles appended via d3.selectAll and join.

Hharichandanamone21@gmail.com
73% 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
73% 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
73% match
Loading thumbnail…

Fork of Responsive Scatter Plot

This example visualizes employee age against salary in a responsive scatter plot, using D3 v7’s `d3.csv` to load data from a remote CSV file and `d3.scaleLinear` to map the values. The chart draws SVG circles for each employee, with axes generated via `d3.axisBottom` and `d3.axisLeft`, and includes labeled axes for Age and Salary. The code also incorporates the `@curran/responsive-axes` library for flexible axis handling and a custom `viz` function, which applies margins, an inner rectangle background, and adjustable circle radius and opacity. The plot is rendered entirely in SVG, with a fixed initial size but structured to support responsive resizing.

Ssaideep1612@gmail.com
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
72% 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
72% 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
72% match
Loading thumbnail…

Fork of CSV Dataset Template - Cyber Security Salaries

This example visualizes cybersecurity salary data from Kaggle, showing how salaries in USD vary across job titles, experience levels, and employee residences. The code loads a CSV dataset using a data import statement, converts string values to numbers with unary plus operators, and displays the first record as formatted JSON in a pre element. The visualization uses the imported data array and exports it for further analysis, though it currently only renders static text output rather than interactive charts.

Ccrijos
71% match