Skip to content

byteming/Mira-Qiu.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

New York City Jobs: Narrative Visualization

By Mingming Qiu

8.4.2019

Many of us have a hustle time in searching for a job, hopeless of job roaming in the bulk email and LinkedIn to form connections, all the clue leading to landing a job. But there is no such an article to provide the detail information that the depth analysis the job market in the recent 10 years:

  1. Is it a good time to apply in 2019?

  2. What is the average high salary?

  3. What is the average lowest salary?

These questions will be answered by this interactive slideshow and hope to answers you well. All the data comes from Kaggle.

Note: all the graphs are interactive, which mean you can explore New York City Job market more details information on hover on the plots.

Detail Explanations:

This work is an interactive slideshow, and the viewer can exploration the New York City Job positions data at all the steps of the slide chart shows for details analysis.

Messaging: The message I want to tell the viewers are the question I provide above. The New York Job Market Positions, average high salary, and the average lowest salary

Narrative Structure: this article has followed a structure of interactive slideshow. I add a tab at the front line, it’s easy for the viewer to see and click the tab follow the tab number. Besides, there is a small line to introduce what the viewer will see from the chart. The viewer can exploration the New York City job positions data at all the steps of the slide chart shows and for details analysis.

For the storytelling, it can be divided into 3 steps:

Step 1: Showing the line chart of the 2011 to 2019 job positions in a line upward thread from 2015 until 2019. Especially, 2019 opened 5129 positions. It is a good time to apply and interview with a job.

Step 2: Showing the average highest salary range for recent 10 years.

Step 3: showing the average lowest salary range.

Step 4: Compare the difference between the highest and the lowest salary.

Visual Structure: The chart follows the same order and color to keep the viewer out of disoriented. Also, the chart had a light background color and highlight out the import point need to pay more attention. The drawn line slowly shows up duration(2000 ms), it means more data shows after this chart.

Scenes: The chart flowed from an overview and then, details data shows up. The second scene is about money because I assume the viewer will want to know if the opening positions become more than last year and whether it will affect what they earn.

Annotations:

The annotations template is easy to understand format, which shows the year and the positions number, or the year and the salary. I choose it because it is easy and clearly shows just up above the point. The annotations are great support the messaging since it shows the data and the information in details every year. The annotations changed within a single scene in slowly come out from the left corner, and disappear after the mouse move out. Besides, after the viewer clicks the point, the circle point change to orange color easy to check what data had been viewed. It is easy for the viewer to click and want to check the details.

Parameters: The parameters I chose the link tab for a view to click. For the 4th scene, the aim is to compare the average salary between highest and lowest, if the viewer clicks the link, it is easy to check the salary difference.

Triggers The Button tab and circled out point on the chart were using a light color and shows that it can be clicked. The link lines to draw a line is the regular what we had familiar of the link format, the blue words with an underline.

About

Narrative Visualization

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published