Skip to main content
SimilarExport ZIP
100%

Fork of CSV Dataset Template - Cyber Security Salaries

✓ Published0🌍 Public
Ccrijos
Last edited Sep 29, 2024
Created on Sep 11, 2024

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.

AI-generated description

The Cyber Salaries, loaded and parsed as CSV.

Tasks I'd like to accomplish:

  • I want to see how salaries in USD have changed over time.
  • I want to compare the salaries across different job titles.
  • I want to explore the relationship between experience level and salary.
  • I want to see the geographic distribution of salaries based on employee residence.
  • I want to identify whether there is a correlation between the remote ratio and salary.
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of CSV Dataset Template - Cyber Security Indexes

This example forks a CSV dataset template to explore cyber security indexes across countries. It loads and parses data from `data.csv` using a raw `import`, then converts string values to numbers for analysis. A simple `container.innerHTML` assignment displays the first row of data as formatted JSON in a `<pre>` element, with the font size set via a template literal. The visualization shows a single data record rather than correlations or geographic distributions.

Ccrijos
79% match
Loading thumbnail…

Global Cyber Job Salaries

This visualization displays salaries for global cybersecurity and information security jobs from a Kaggle dataset, showing attributes such as experience level, job title, and salary in USD. The initial implementation fetches a CSV file and parses it with `d3.csvParse`, logging the resulting data structure as JSON in a `<pre>` element. State management is handled through a custom `setState` function that triggers re-rendering, while the D3 v7 selection and data join pattern (`select().data().join()`) is used to update the display.

CCyn
79% match
Loading thumbnail…

Cyber Jobs

This visualization displays data from a CSV file containing cyber security job listings, including salary information, job titles, and employment details. The code parses the dataset using `csvParse` and initially displays the raw data as a JSON string via `JSON.stringify`. The example demonstrates a data loading workflow where `fetch` retrieves the CSV file, and the state management pattern uses a custom `setState` function to update the visualization. The visualization uses D3 v7 for data parsing and DOM manipulation, with the `select` and `join` methods to render the text output.

CCyn
79% match
Loading thumbnail…

Cyber Attacks

This example displays the first record from a CSV dataset of cyber security attacks as a raw JSON object in a preformatted text block. It loads the data with a JSON import, parses the CSV, converts the `Packet Length` and `Anomaly Scores` fields to numbers, and then renders the parsed object’s fields. The visualization relies on the native Web Platform APIs for parsing and DOM manipulation, without external charting libraries. The source data is Inscribo's Cyber Security Attacks dataset on Kaggle.

Ccoreyfnolan@gmail.com
74% match
Loading thumbnail…

Salary by Job Title and Country Dataset

This example visualizes the first record of a salary dataset from Kaggle, displaying a single employee's attributes—age, gender, education level, job title, experience, salary, country, race, and seniority—as a JSON object in a large monospaced `<pre>` block. The code loads the CSV file with a default import from `./data.csv`, converts numeric fields using unary `+` operators, and then uses `JSON.stringify` to format the data for display. The visualization relies entirely on DOM manipulation through `container.innerHTML`, with no additional charting libraries.

Sste.jendritz@gmail.com
72% match
Loading thumbnail…

Week 10 Cyber Salary Map

This world map visualizes average cybersecurity salaries by company size, with circles sized by salary value and colored by company size category (small, medium, large). Hovering a bubble reveals the country, company size, and average salary in USD. The visualization uses D3’s `geoNaturalEarth1` projection, `geoPath`, and `scaleSqrt` for bubble sizing, with hover tooltips built through D3 event listeners. It processes salary data from the `@chain-mage/cybersalaries` dataset and renders world geography using `topojson-client` with a 110m world atlas. Countries without salary data appear with a striped pattern.

Ccrijos
72% match
Loading thumbnail…

Fork of Simple Scatter Plot of remote to salary

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.

Ccrijos
71% match
Loading thumbnail…

Week 11 Cyber Salary Map

This interactive map visualizes average cybersecurity salaries by company size across the globe, with a rotatable orthographic globe showing colored bubbles for small, medium, and large organizations. Users can hover over bubbles to see salary values or drag to rotate the projection. The visualization uses D3's `geoOrthographic`, `geoPath`, and `geoGraticule` to render country boundaries from TopoJSON data, while `scaleSqrt` sizes the bubbles and `drag` enables rotation. Salary data comes from the `@chain-mage/cybersalaries` dataset, with striped patterns indicating countries lacking data.

Ccrijos
71% match