Week 12 Cyber Salary Map

100%

Week 12 Cyber Salary Map

✓ Published1🌍 Public

Last edited Nov 26, 2024

Created on Nov 25, 2024

This interactive orthographic globe maps the average salaries of cybersecurity professionals by company size—small, medium, and large—across different countries. Users can rotate and zoom the globe to explore clustered regions. Each country with data features a set of offset bubbles, colored by company size, whose radii reflect average salary via a square-root scale. Built with d3.geoOrthographic, d3.geoPath, and d3.geoGraticule, the visualization uses `d3.zoom` and `d3.drag` for interaction. Country data comes from a bundled `@chain-mage/cybersalaries` dataset, with geographic coordinates from `countryData.js`. Countries lacking data are marked with a striped pattern. Hovering over a bubble displays detailed salary information in an on-screen box.

AI-generated description

Globe to map average salaries of companies based on sizes across the globe. Hover over each country's bubble to see values and labels. Globe can be rotated by left-clicking and dragging. You can zoom in and out to get a closer look at areas that are too clustered together.

MIT Licensed

Similar vizzes

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

97% 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

94% match

Loading thumbnail…

Week 13 Cyber Salary Map

This interactive globe maps average cyber salaries by country, with bubble size and color encoding company size (small, medium, large). A graticule and striped country fills distinguish regions with no data. Users can rotate the globe via drag and zoom with the mouse wheel. The visualization uses d3.geoOrthographic projection, d3.geoPath for map rendering, d3.scaleSqrt for bubble scaling, and topojson-client to parse the world atlas.

Ccrijos

93% match

Loading thumbnail…

Avg Cyber Salary Heatmap

A world map renders as a heatmap of average cybersecurity salaries by country, with hover tooltips showing each nation’s name and average salary. Countries lacking data appear with a striped pattern. The visualization uses D3’s `geoNaturalEarth1` projection and `geoPath` for the map, while a color scale maps salary magnitudes. Data comes from the `@chain-mage/cybersalaries` package, aggregated per country and joined to world atlas TopoJSON features via a country-name mapping.

Ccrijos

84% 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

75% 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

Loading thumbnail…

Choropleth Map Analysis

This interactive choropleth map displays global data science salaries, using a color scale from dark purple to bright yellow to represent the salary ranges across countries. Users can filter the map's color distribution through two sliders that adjust the minimum and maximum salary values, while hovering over individual countries reveals a tooltip with the country name and its corresponding salary figure. The visualization is built with D3.js, utilizing `d3.geoMercator` for map projection, `d3.geoPath` to render country boundaries, and a `d3.scaleLinear` color scheme, with data sourced from a CSV file and world geometry from a GeoJSON file.

GGeorge Oyosa

70% match

Loading thumbnail…

Q3

This choropleth map visualizes the distribution of salaries by country, using a blue color scale to indicate aggregated mean salary values. The map renders geographic boundaries from a GeoJSON file ("world_map.geojson") onto an SVG canvas. It loads salary data from a hardcoded array, aggregates entries via `d3.rollups` and `d3.mean`, and colors each country path with a sequential interpolator (`d3.interpolateBlues`). Countries without matching salary data appear gray. The visualization relies on `d3.geoPath` for path generation and D3's `d3.json` loader to fetch the map data.

Ssindhuja27b@gmail.com

67% match