Skip to content

Instantly share code, notes, and snippets.

@derPlau
derPlau / README.md
Last active August 29, 2015 13:58
A force layout version of the Skillspace Explorer.

Explore occupations with related skills in an intuitive path-like representation of multi-dimensional "Skillspace."

Start by entering an occupation name, or just explore the data.

See which occupations are growing, which pay the most, and which require a given degree of training or education. Explore the relationships among these factors by setting bubble size to reflect one variable and color another.

Selecting an occupation will highlight its ten nearest occupations, based on 218 skill, knowledge, and work activity measurements from the O*Net database. Click on one of these "neighbors" to bring up its neighbors in turn.

A "breadcrumb trail" shows your past selections; clicking on a breadcrumb will take you back to that occupation.

@derPlau
derPlau / .gitignore
Last active August 29, 2015 13:56
Skillspace Explorer
d3.tip.v0.6.3.js
index_bkup.html
swatcher.html
lt_occ_2010*
lt_occ_2010.xls
indexOld.html
autocompletetest.html
skillspace_old.csv
@derPlau
derPlau / README.md
Last active August 29, 2015 13:55
The heartbeat of unemployment in Wisconsin

Seasonal patterns make up the "heartbeat" in this animation of unemployment rates in Wisconsin counties from 2000 through 2013; times of recession are also thrown into sharp relief as the state gets darker.

Mousing over the graphic pauses the animation; mousing over a county gives detail of the county for that point in time. Sliders allow direct selection of time points and speed changes.

@derPlau
derPlau / README.md
Last active January 4, 2016 16:59
Skillspace
@derPlau
derPlau / README.md
Last active January 4, 2016 15:49
Multi-D Gauges

Another port of a graphic to d3.js. Summarizing the ranges of clusters of occupations in multi-dimensional skillspace with "gauges" on five summary (Principal Components) axes. Each axis has two opposing directions; for example, an occupation might involve work that is more physical or more intellectual in nature (Principal Component 1, the top gauge in each block of gauges). Positions of clusters on these axes are highlighted by the background gradient, which clearly delineates between the left (e.g., physical) and right (e.g., intellectual) ends of the dimension. Of course, some clusters may span across the center of one or more axes, implying that the cluster is not strongly defined by those axes.

@derPlau
derPlau / README.md
Last active October 8, 2018 10:50
d3 Bubble Chart: Industry/Occupation Cluster Matrix

My first foray into d3.js. This variant of a bubble-chart adapts the bubble concept to a tabular format. In this case, (simulated) Wisconsin employment in major industry groups and skills-based occupational clusters is shown depicted to order-of-magnitude approximation. A glance at a row gives an idea of the overall importance of an industry to employment (so extraction industries like mining have relatively low employment; Health & Social Service industries have relatively high employment); a glance at a column gives a similar picture of employment by occupation. A deeper look reveals detailed patterns of employment: the manufacturing industry employs primarily Equipment Operations & General Physical Labor occupations; Clerical occupations are employed at a modest level in most industries, but disproportionately large levels in Finance and Health/Social Services.