Late Afternoon Walk Through

100%

Late Afternoon Walk Through

✓ Published0🌍 Public

Last edited Jan 4, 2023

Created on Dec 26, 2022

This interactive tool explores the U.S. job market by letting a user select a keyword and a state to query the Jooble job search API. It displays a list of matching job titles with links and shows the total job count. The interface includes dropdowns for selecting a keyword and state, and a submit button to trigger the API calls. The page also attempts to fetch a list of airports for the selected state from the api-ninjas.com API, though the stored results are not visibly output. The visualization uses Materialize CSS for styling and makes asynchronous requests via the XMLHttpRequest and jQuery AJAX libraries.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

This interactive visualization explores the U.S. data science job market by comparing the semantic similarity of job descriptions and positions. It presents two t-SNE scatter plots—one for raw position titles and one for job descriptions—where each point represents a job posting, colored by job category (e.g., Data Analyst, Data Scientist). A confusion matrix shows classification accuracy from a bagging ensemble of linear SVM classifiers, with cell color intensity indicating the proportion of predictions. The React-based interface uses D3.js (`scaleLinear`, `scaleOrdinal`) for scales and rendering, with SVG circles. Hovering over a legend category highlights that class's points across all views and fades others (opacity 0.2), enabling cross-referencing of how descriptions map to titles. Data originates from a Kaggle dataset of 7,000 Indeed job postings.

Kkwmcclintick

62% match

Loading thumbnail…

Final Project

A scatter plot maps thousands of U.S. data scientist job postings onto a two-dimensional plane using t-SNE coordinates. Each point represents a job, colored by its aggregated position category, with tooltips revealing the raw job title. The visualization uses React with D3.js v5 to load CSV data from a GitHub gist, and Vega-Lite API to render the chart, applying a custom configuration for axis styling and tooltips.

Kkwmcclintick

59% match

Loading thumbnail…

Untitled

This interactive choropleth map displays neighborhood-level economic and demographic data for a city, with a dropdown menu to select among over 40 metrics such as employment rates, business counts, and commercial property statistics. A checkbox toggles whether downtown neighborhoods are included in the visualization. Hovering over a neighborhood updates a tooltip showing the area’s name and its value for the selected metric. The map is rendered using D3.js with SVG paths from a GeoJSON file, and the dropdown dynamically updates the choropleth’s color scale using the viridis color palette.

KKelsey Xu

59% match

Loading thumbnail…

Fork of Jos

This visualization shows a choropleth map of US state unemployment rates from January 2020 to December 2022. A dropdown menu lets users select a specific month and year to update the map’s color encoding. The map uses a threshold color scale with dark brown for higher unemployment. Hovering over a state triggers a tooltip with details. The visualization is built with React and D3.js, using d3.geoPath to render the map from TopoJSON data and d3.csv to load the unemployment data.

Jjoslyn54

59% match

Loading thumbnail…

Interactive Map

This interactive map displays a choropleth of neighborhood-level demographic and economic indicators. A dropdown menu allows selection of various metrics, such as employment rates, business counts, and property values. A checkbox toggles the inclusion of downtown. The map renders neighborhoods as SVG paths, colored with a viridis color scale, using D3.js. Hovering over an area reveals the neighborhood name and its value in a tooltip.

HHenrique Reichert

58% match

Loading thumbnail…

Untitled

This interactive choropleth map displays a wide range of socioeconomic indicators for city neighborhoods, selectable via a dropdown menu. Built with React and D3.js, it renders neighborhood polygons as SVG paths, with colors encoding the chosen variable. A tooltip reveals the neighborhood name and its exact value on hover. A checkbox toggles the inclusion of the downtown area. The map data is visualized from a linked dataset, allowing for dynamic exploration of employment, education, and business statistics.

KKelsey Xu

58% match

Loading thumbnail…

Untitled

This interactive stacked bar chart displays unemployment data across U.S. states for different years, with a dropdown menu to select the year and a checkbox to toggle sorting by total value. The visualization uses D3 v5 to render SVG elements with smooth transitions between states, animating bar positions and heights over 750 milliseconds. Data is loaded from a CSV file, and the chart employs d3.scaleBand for the x-axis, d3.scaleLinear for the y-axis, and d3.scaleOrdinal to assign category colors. Stacked segments are created using d3.stack, with labels showing each state's total.

Yyc4004

58% match

Loading thumbnail…

ai_powered_job_insights

This visualization displays JSON-formatted records from the AI job market insights dataset, highlighting fields like job title, industry, salary, and AI adoption level. The code imports a CSV file and converts numeric string values into numbers using JavaScript’s unary plus operator. It then renders the first data entry as a formatted JSON string inside an HTML `<pre>` element, with the font size controlled via inline CSS. The dataset originates from Kaggle and explores correlations between job attributes and AI-related metrics.

JJoe Rozman

57% match