Giter Club home page Giter Club logo

csce567project's Introduction

General Plan

Here are some sample records:

GOVERNOR'S OFFICE	LEMOINE	 LEIGH	ADMINISTRATION-GOV OFFICE	$91,985.00 		$91,985.00 
GOVERNOR'S OFFICE	MCMASTER	 HENRY	AGENCY HEAD	$106,078.00 		$106,078.00 
GOVERNOR'S OFFICE	WALKER	 EDGAR	EXECUTIVE STAFF-GOV OFFICE	$165,000.00 		$165,000.00 
GOVERNOR'S OFFICE	WINDSOR	 TOMMY	ADMINISTRATION-GOV OFFICE	$50,400.00 		$50,400.00 
GOVERNOR'S OFFICE	QUATTRONE	 KRISTY	ADMINISTRATION-GOV OFFICE	$70,173.00 		$70,173.00 

The schema seems to be

  • Name
  • Agency
  • Job Title
  • Compensation without Bonuses
  • Bonuses Total Compensation

I think there are a couple of different things it would be interesting to look at here

  • Salary histogram by:

    • Office
    • Position
  • Some way of comparing salary for a given position with respect to department.

    • Maybe a bubble chart like gap minder, with one axis being salary, one axis being position, and color-coding the offices?

ASSIGNMENT INFORMATION

Points Possible: 100

PROJECT 1:

Interactive D3 Visualization (60%):

Choose a data set to transform into an interactive visualization using D3. Submit project as repo on Github Share repo with: psagona and torkian Maintain a readme, must include data source and objective statement Must be set up in format like homeworks (index.html, css, js, data) Your visualization will be scored on the following (10pts each):

Clear and easy to understand Creative and Unique Useful to help understand complex data Good design practices - labels, colors, formatting Clear, useful, and intuitive interactive usage Coding, i.e. good coding practices, free of errors… Presentation (40%):

Your presentation will be scored on the following:

Properly communicate the following (20pts): Tell us about your data set Why did you choose this visualization? Justify the methods of this visualization Find the story in your data set Organized and easy to follow (5pts) Presenters have good understanding of the data and visualization methods (5pts) Presentation done in a way that engages audience (5pts) Presenters spoke clearly and effectively (5pts)

csce567project's People

Contributors

charlesdaniels avatar taylorlcling avatar

Stargazers

 avatar

Watchers

Torkian avatar  avatar Lothrop Omari Richards avatar

csce567project's Issues

Front End / Glue / UI

A top-level front end / glue setup needs to be created. This should:

  • Display the drawing area
  • Allow selecting between the three visualizations noted in the README
  • Load the data file and send it into the appropriate function calls

"About Page"

x-ref #3

In the front end, in addition to a means of selecting between both histogram views and both bubble chart views, we should also have an "about" page/tab/whatever with some basic info about the application. I have prepared below an example of what this might look like. Feel free to tweak and edit as needed.


State of SC Salary Information Visualization

Copyright (c) 2019 Charles Daniels, Taylor Clingenpeel, Omari Richards, all
rights reserved.

Completed to satisfy the requirements of University of South Carolina CSCE567
Project-01.

This project visualizes the most up to date (as of March 03 2019) state of SC
salary data. The state of SC has a policy of making the pay rate of all
government employees who make more than 50000 USD per year public information.

This project presents two styles of visualization, in two variations each:

"Bubble Chart" visualizations are designed to show how salary rates stratify
across both agency and job title. Either agency or job title may be selected
for horizontal positioning, and the other parameter will be used to generate
colors for each "bubble" (which represents a single person's salary, agency,
and job title). In this style of visualization, clear stratification can been
seen across different agencies and job titles. This view is not intended to
provide a detailed accounting of each individual's salary data, however a
separate bubble is drawn for each data point -- this lets the data speak for
itself and the human eye detect the strata, rather than attempting to identify
them algorithmicaly. In this view, mousing over a single bubble will highlight
all other bubbles which share it's color (whatever parameter is not used for
horizontal grouping).

"Bar Chart" visualizations are designed to show the distribution of salary data
for different agencies and job titles. Mousing over a single bar in either of
the bar chart views views will show the breakdown of whichever data point is
not used for horizontal grouping (i.e. mousing over a bar in the salary vs
agency chart will show the breakdown of agencies contained within that bar in a
tooltip).

We feel that these visualizations are collectively representative of different
types of information people might wish to examine with respect to SC salary
data:

  • How salaries stratify across different agencies and roles
  • How salaries are distributed across roles irrespective of agency
  • How salaries are distributed across agencies irrespective of role

Bubble Chart Implementation

A general-purpose bubble chart should be implemented, similar to this one. This is similar to one of the homework assignments, so that can probably be used as a starting point. It should support mouseover + tooltips. Animations are not needed as this data is not time series.

Bar-Chart Implementation

A general-purpose histogram render-er needs to be created. It should support mouse rollover with tooltips. Here is one example of such a histogram. Here is a better example that also has tooltips and such.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.