Scatter plot of "Median Annual Salary in 2011" (Y axis) by "Total Employment in 2011" (X axis) by "Projected Growth by 2020" (colour). The intention is to make the graph zoomable, and I've based it on http://static.cybercommons.org/js/d3/examples/zoom-pan/zoom-pan.html but so far I'm having trouble getting the points to zoom as well.
-
-
Save richardwestenra/242dcfc83d98743d8589 to your computer and use it in GitHub Desktop.
What Career Should I Invest In?
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
OccupationTitle | Category | TotalEmployed2011 | MedianSalary2011 | ProjectedGrowth2020 | |
---|---|---|---|---|---|
Postal Service Mail Sorters, Processors, and Processing Machine Operators | Office and Administrative Support Occupations | 139700 | 53080 | -48.5 | |
Postal Service Clerks | Office and Administrative Support Occupations | 65040 | 53100 | -48.2 | |
Postmasters and Mail Superintendents | Management Occupations | 24410 | 62920 | -27.8 | |
Petroleum Pump System Operators, Refinery Operators, and Gaugers | Production Occupations | 41570 | 61260 | -14 | |
Chemical Plant and System Operators | Production Occupations | 40580 | 55940 | -12.2 | |
Postal Service Mail Carriers | Office and Administrative Support Occupations | 315330 | 55160 | -12 | |
Insurance Appraisers, Auto Damage | Business and Financial Operations Occupations | 10950 | 57020 | -7.5 | |
Chemical Equipment Operators and Tenders | Production Occupations | 49020 | 45550 | -7.5 | |
Gas Plant Operators | Production Occupations | 11750 | 59550 | -6.5 | |
Tire Builders | Production Occupations | 16690 | 40760 | -5.7 | |
Millwrights | Installation, Maintenance, and Repair Occupations | 37730 | 49270 | -4.8 | |
Railroad Brake, Signal, and Switch Operators | Transportation and Material Moving Occupations | 23830 | 50430 | -4.2 | |
Drafters, All Other | Architecture and Engineering Occupations | 16070 | 45600 | -4 | |
Food Service Managers | Management Occupations | 183940 | 48110 | -3.3 | |
Power Distributors and Dispatchers | Production Occupations | 11600 | 70700 | -3 | |
Air Traffic Controllers | Transportation and Material Moving Occupations | 23580 | 113540 | -2.9 | |
Power Plant Operators | Production Occupations | 39980 | 65280 | -2.5 | |
Tool and Die Makers | Production Occupations | 70320 | 46650 | -2.3 | |
First-Line Supervisors of Farming, Fishing, and Forestry Workers | Farming, Fishing, and Forestry Occupations | 18920 | 42600 | -1.5 | |
Title Examiners, Abstractors, and Searchers | Legal Occupations | 49760 | 40760 | -1.4 | |
Chefs and Head Cooks | Food Preparation and Serving Related Occupations | 90300 | 42350 | -0.8 | |
Administrative Law Judges, Adjudicators, and Hearing Officers | Legal Occupations | 14460 | 85190 | -0.1 | |
Control and Valve Installers and Repairers, Except Mechanical Door | Installation, Maintenance, and Repair Occupations | 42450 | 49600 | -0.1 | |
Plant and System Operators, All Other | Production Occupations | 11740 | 53200 | -0.1 | |
Fashion Designers | Arts, Design, Entertainment, Sports, and Media Occupations | 16010 | 64690 | 0.2 | |
Media and Communication Equipment Workers, All Other | Arts, Design, Entertainment, Sports, and Media Occupations | 14690 | 69160 | 0.3 | |
Continuous Mining Machine Operators | Construction and Extraction Occupations | 12280 | 50620 | 0.4 | |
Electro-Mechanical Technicians | Architecture and Engineering Occupations | 16620 | 51220 | 0.5 | |
Editors | Arts, Design, Entertainment, Sports, and Media Occupations | 98990 | 52380 | 0.6 | |
Sound Engineering Technicians | Arts, Design, Entertainment, Sports, and Media Occupations | 14930 | 46750 | 0.6 | |
Career/Technical Education Teachers, Secondary School | Education, Training, and Library Occupations | 88210 | 54660 | 1.1 | |
Electrical and Electronics Repairers, Commercial and Industrial Equipment | Installation, Maintenance, and Repair Occupations | 67220 | 52320 | 1.1 | |
Agricultural Inspectors | Farming, Fishing, and Forestry Occupations | 13780 | 41390 | 1.5 | |
Electrical and Electronics Engineering Technicians | Architecture and Engineering Occupations | 150020 | 56900 | 1.9 | |
Rail-Track Laying and Maintenance Equipment Operators | Construction and Extraction Occupations | 15590 | 45000 | 1.9 | |
First-Line Supervisors of Production and Operating Workers | Production Occupations | 559350 | 53670 | 1.9 | |
Camera Operators, Television, Video, and Motion Picture | Arts, Design, Entertainment, Sports, and Media Occupations | 16270 | 40170 | 2.1 | |
First-Line Supervisors of Police and Detectives | Protective Service Occupations | 102040 | 77890 | 2.1 | |
Electrical and Electronics Installers and Repairers, Transportation Equipment | Installation, Maintenance, and Repair Occupations | 14410 | 49810 | 2.1 | |
Legal Support Workers, All Other | Legal Occupations | 44720 | 52390 | 2.6 | |
Compensation and Benefits Managers | Management Occupations | 24580 | 92290 | 2.8 | |
Detectives and Criminal Investigators | Protective Service Occupations | 111930 | 71770 | 2.9 | |
Claims Adjusters, Examiners, and Investigators | Business and Financial Operations Occupations | 263810 | 59320 | 3 | |
Eligibility Interviewers, Government Programs | Office and Administrative Support Occupations | 120610 | 41060 | 3.1 | |
Architectural and Civil Drafters | Architecture and Engineering Occupations | 85740 | 47250 | 3.2 | |
Legal Secretaries | Office and Administrative Support Occupations | 220680 | 42460 | 3.5 | |
Pump Operators, Except Wellhead Pumpers | Transportation and Material Moving Occupations | 12150 | 43870 | 3.7 | |
Chemists | Life, Physical, and Social Science Occupations | 80040 | 69760 | 3.8 | |
Mechanical Engineering Technicians | Architecture and Engineering Occupations | 44760 | 51350 | 3.9 | |
First-Line Supervisors of Non-Retail Sales Workers | Sales and Related Occupations | 235630 | 70520 | 4 | |
Respiratory Therapy Technicians | Healthcare Practitioners and Technical Occupations | 13940 | 46350 | 4.1 | |
Chief Executives | Management Occupations | 267370 | 166910 | 4.2 | |
Industrial Engineering Technicians | Architecture and Engineering Occupations | 63030 | 49090 | 4.2 | |
Locomotive Engineers | Transportation and Material Moving Occupations | 38790 | 49380 | 4.4 | |
General and Operations Managers | Management Occupations | 1805030 | 95150 | 4.6 | |
Wellhead Pumpers | Transportation and Material Moving Occupations | 13190 | 41320 | 4.6 | |
Engineering Technicians, Except Drafters, All Other | Architecture and Engineering Occupations | 65030 | 58670 | 4.7 | |
Railroad Conductors and Yardmasters | Transportation and Material Moving Occupations | 44280 | 53880 | 4.7 | |
Aerospace Engineers | Architecture and Engineering Occupations | 79400 | 102420 | 4.9 | |
Electronics Engineers, Except Computer | Architecture and Engineering Occupations | 136310 | 91500 | 4.9 | |
Electrical and Electronics Repairers, Powerhouse, Substation, and Relay | Installation, Maintenance, and Repair Occupations | 23850 | 67450 | 4.9 | |
Compensation, Benefits, and Job Analysis Specialists | Business and Financial Operations Occupations | 94710 | 57960 | 5 | |
Conservation Scientists | Life, Physical, and Social Science Occupations | 18910 | 59530 | 5.2 | |
Film and Video Editors | Arts, Design, Entertainment, Sports, and Media Occupations | 20730 | 52940 | 5.2 | |
Purchasing Agents, Except Wholesale, Retail, and Farm Products | Business and Financial Operations Occupations | 274540 | 57580 | 5.3 | |
Electrical and Electronics Drafters | Architecture and Engineering Occupations | 28010 | 54470 | 5.4 | |
Buyers and Purchasing Agents, Farm Products | Business and Financial Operations Occupations | 10180 | 55860 | 5.5 | |
First-Line Supervisors of Correctional Officers | Protective Service Occupations | 40980 | 55030 | 5.6 | |
Insurance Underwriters | Business and Financial Operations Occupations | 92840 | 60830 | 5.9 | |
Computer Occupations, All Other* | Computer and Mathematical Occupations | 177630 | 79930 | 5.9 | |
Chemical Engineers | Architecture and Engineering Occupations | 27860 | 92930 | 5.9 | |
Brokerage Clerks | Office and Administrative Support Occupations | 60720 | 41760 | 5.9 | |
Property, Real Estate, and Community Association Managers | Management Occupations | 152380 | 52510 | 6 | |
Financial Specialists, All Other | Business and Financial Operations Occupations | 152200 | 59810 | 6.1 | |
Economists | Life, Physical, and Social Science Occupations | 14270 | 90550 | 6.1 | |
Stationary Engineers and Boiler Operators | Production Occupations | 34580 | 53070 | 6.2 | |
Biological Scientists, All Other | Life, Physical, and Social Science Occupations | 31550 | 70790 | 6.3 | |
Aircraft Mechanics and Service Technicians | Installation, Maintenance, and Repair Occupations | 117320 | 54590 | 6.3 | |
Industrial Engineers | Architecture and Engineering Occupations | 211490 | 77240 | 6.4 | |
Airline Pilots, Copilots, and Flight Engineers | Transportation and Material Moving Occupations | 68350 | 105580 | 6.4 | |
Writers and Authors | Arts, Design, Entertainment, Sports, and Media Occupations | 40930 | 55870 | 6.5 | |
Engineers, All Other | Architecture and Engineering Occupations | 125590 | 90580 | 6.6 | |
Production, Planning, and Expediting Clerks | Office and Administrative Support Occupations | 272910 | 43100 | 6.6 | |
Chemical Technicians | Life, Physical, and Social Science Occupations | 59650 | 42070 | 6.7 | |
Secondary School Teachers, Except Special and Career/Technical Education | Education, Training, and Library Occupations | 1004850 | 54270 | 6.9 | |
Librarians | Education, Training, and Library Occupations | 145710 | 55300 | 6.9 | |
Gaming Supervisors | Personal Care and Service Occupations | 23080 | 48820 | 6.9 | |
Avionics Technicians | Installation, Maintenance, and Repair Occupations | 17070 | 54720 | 6.9 | |
Electrical Engineers | Architecture and Engineering Occupations | 154250 | 85920 | 7 | |
Purchasing Managers | Management Occupations | 66990 | 97130 | 7.2 | |
Rotary Drill Operators, Oil and Gas | Construction and Extraction Occupations | 21650 | 51310 | 7.2 | |
Tax Examiners and Collectors, and Revenue Agents | Business and Financial Operations Occupations | 67970 | 50130 | 7.3 | |
Special Education Teachers, Secondary School | Education, Training, and Library Occupations | 132960 | 55990 | 7.3 | |
Appraisers and Assessors of Real Estate | Business and Financial Operations Occupations | 60930 | 48870 | 7.4 | |
Zoologists and Wildlife Biologists | Life, Physical, and Social Science Occupations | 18380 | 57420 | 7.4 | |
Real Estate Brokers | Sales and Related Occupations | 38200 | 59340 | 7.6 | |
Natural Sciences Managers | Management Occupations | 47510 | 114770 | 7.7 | |
Judicial Law Clerks | Legal Occupations | 18300 | 42450 | 7.7 | |
Fine Artists, Including Painters, Sculptors, and Illustrators | Arts, Design, Entertainment, Sports, and Media Occupations | 11830 | 44600 | 7.8 | |
Managers, All Other | Management Occupations | 343560 | 99540 | 7.9 | |
Food Scientists and Technologists | Life, Physical, and Social Science Occupations | 12040 | 58340 | 8 | |
Social Scientists and Related Workers, All Other | Life, Physical, and Social Science Occupations | 31520 | 75160 | 8.1 | |
First-Line Supervisors of Fire Fighting and Prevention Workers | Protective Service Occupations | 58210 | 69510 | 8.2 | |
Police and Sheriff's Patrol Officers | Protective Service Occupations | 636410 | 54230 | 8.2 | |
Lodging Managers | Management Occupations | 29870 | 47450 | 8.3 | |
Multimedia Artists and Animators | Arts, Design, Entertainment, Sports, and Media Occupations | 28400 | 60830 | 8.3 | |
Physical Scientists, All Other | Life, Physical, and Social Science Occupations | 25790 | 94990 | 8.5 | |
Occupational Health and Safety Specialists | Healthcare Practitioners and Technical Occupations | 57950 | 66270 | 8.5 | |
Architectural and Engineering Managers | Management Occupations | 184530 | 122190 | 8.6 | |
Firefighters | Protective Service Occupations | 304080 | 45420 | 8.6 | |
Service Unit Operators, Oil, Gas, and Mining | Construction and Extraction Occupations | 46880 | 40750 | 8.6 | |
Materials Engineers | Architecture and Engineering Occupations | 22160 | 84550 | 8.7 | |
Financial Managers | Management Occupations | 477690 | 107160 | 8.8 | |
Mechanical Engineers | Architecture and Engineering Occupations | 238260 | 79230 | 8.8 | |
Career/Technical Education Teachers, Middle School | Education, Training, and Library Occupations | 16870 | 54050 | 8.9 | |
Wholesale and Retail Buyers, Except Farm Products | Business and Financial Operations Occupations | 105610 | 50490 | 9 | |
Computer Hardware Engineers | Architecture and Engineering Occupations | 71990 | 98610 | 9 | |
Art Directors | Arts, Design, Entertainment, Sports, and Media Occupations | 30680 | 81260 | 9 | |
Industrial Production Managers | Management Occupations | 151850 | 88190 | 9.1 | |
Judges, Magistrate Judges, and Magistrates | Legal Occupations | 26570 | 120130 | 9.2 | |
Fire Inspectors and Investigators | Protective Service Occupations | 12560 | 53330 | 9.2 | |
Derrick Operators, Oil and Gas | Construction and Extraction Occupations | 19480 | 45220 | 9.3 | |
Precision Instrument and Equipment Repairers, All Other | Installation, Maintenance, and Repair Occupations | 12230 | 51730 | 9.3 | |
Education Administrators, Elementary and Secondary School | Management Occupations | 222810 | 87470 | 9.8 | |
First-Line Supervisors of Protective Service Workers, All Other | Protective Service Occupations | 55910 | 46420 | 9.9 | |
Transportation, Storage, and Distribution Managers | Management Occupations | 92150 | 80860 | 10 | |
Lawyers | Legal Occupations | 570950 | 113310 | 10.1 | |
Nuclear Engineers | Architecture and Engineering Occupations | 18430 | 101930 | 10.2 | |
Music Directors and Composers | Arts, Design, Entertainment, Sports, and Media Occupations | 25290 | 47410 | 10.2 | |
Budget Analysts | Business and Financial Operations Occupations | 57110 | 69090 | 10.4 | |
Commercial and Industrial Designers | Arts, Design, Entertainment, Sports, and Media Occupations | 28710 | 60760 | 10.5 | |
Riggers | Installation, Maintenance, and Repair Occupations | 13750 | 43020 | 10.6 | |
Computer Numerically Controlled Machine Tool Programmers, Metal and Plastic | Production Occupations | 20370 | 45890 | 10.8 | |
Producers and Directors | Arts, Design, Entertainment, Sports, and Media Occupations | 82880 | 70660 | 11 | |
Mechanical Drafters | Architecture and Engineering Occupations | 64090 | 49200 | 11.1 | |
Medical and Clinical Laboratory Technologists | Healthcare Practitioners and Technical Occupations | 165220 | 57010 | 11.3 | |
Elevator Installers and Repairers | Construction and Extraction Occupations | 20440 | 75060 | 11.3 | |
Media and Communication Workers, All Other | Arts, Design, Entertainment, Sports, and Media Occupations | 23610 | 43580 | 11.4 | |
Business Operations Specialists, All Other* | Business and Financial Operations Occupations | 967250 | 64030 | 11.6 | |
Water and Wastewater Treatment Plant and System Operators | Production Occupations | 109190 | 41780 | 11.6 | |
Sales Managers | Management Occupations | 328230 | 101640 | 11.7 | |
Life Scientists, All Other | Life, Physical, and Social Science Occupations | 10020 | 64370 | 11.7 | |
Life, Physical, and Social Science Technicians, All Other | Life, Physical, and Social Science Occupations | 58890 | 43120 | 11.8 | |
First-Line Supervisors of Mechanics, Installers, and Repairers | Installation, Maintenance, and Repair Occupations | 418530 | 59850 | 11.9 | |
Computer Programmers | Computer and Mathematical Occupations | 320100 | 72630 | 12 | |
Civil Engineering Technicians | Architecture and Engineering Occupations | 71890 | 46900 | 12 | |
Soil and Plant Scientists | Life, Physical, and Social Science Occupations | 11860 | 58940 | 12.1 | |
Executive Secretaries and Executive Administrative Assistants | Office and Administrative Support Occupations | 952030 | 45580 | 12.6 | |
Emergency Management Directors | Management Occupations | 11050 | 57270 | 12.8 | |
Human Resources Managers | Management Occupations | 81750 | 99130 | 12.9 | |
Occupational Health and Safety Technicians | Healthcare Practitioners and Technical Occupations | 11090 | 46030 | 12.9 | |
Health and Safety Engineers, Except Mining Safety Engineers and Inspectors | Architecture and Engineering Occupations | 23170 | 75470 | 13 | |
Advertising Sales Agents | Sales and Related Occupations | 144760 | 45250 | 13 | |
Electrical Power-Line Installers and Repairers | Installation, Maintenance, and Repair Occupations | 105570 | 60190 | 13.2 | |
Advertising and Promotions Managers | Management Occupations | 30710 | 87650 | 13.3 | |
Microbiologists | Life, Physical, and Social Science Occupations | 17660 | 65230 | 13.3 | |
Graphic Designers | Arts, Design, Entertainment, Sports, and Media Occupations | 191550 | 44010 | 13.4 | |
Audio and Video Equipment Technicians | Arts, Design, Entertainment, Sports, and Media Occupations | 49180 | 41630 | 13.4 | |
Marketing Managers | Management Occupations | 168410 | 116010 | 13.6 | |
Education Administrators, All Other | Management Occupations | 28090 | 76730 | 13.6 | |
Telecommunications Line Installers and Repairers | Installation, Maintenance, and Repair Occupations | 148930 | 51720 | 13.6 | |
Earth Drillers, Except Oil and Gas | Construction and Extraction Occupations | 17020 | 40200 | 13.8 | |
Agents and Business Managers of Artists, Performers, and Athletes | Business and Financial Operations Occupations | 11950 | 64790 | 14 | |
Statisticians | Computer and Mathematical Occupations | 23770 | 73880 | 14.1 | |
Court Reporters | Legal Occupations | 18440 | 48530 | 14.1 | |
Loan Officers | Business and Financial Operations Occupations | 284530 | 58030 | 14.2 | |
Physicists | Life, Physical, and Social Science Occupations | 16220 | 106360 | 14.2 | |
First-Line Supervisors of Office and Administrative Support Workers | Office and Administrative Support Occupations | 1364720 | 48810 | 14.3 | |
Aircraft Structure, Surfaces, Rigging, and Systems Assemblers | Production Occupations | 36570 | 46210 | 14.3 | |
First-Line Supervisors of Transportation and Material-Moving Machine and Vehicle Operators | Transportation and Material Moving Occupations | 198690 | 52950 | 14.3 | |
Sales Engineers | Sales and Related Occupations | 65580 | 89330 | 14.4 | |
Transportation Inspectors | Transportation and Material Moving Occupations | 24810 | 62230 | 14.4 | |
Administrative Services Managers | Management Occupations | 249600 | 79540 | 14.5 | |
Bus and Truck Mechanics and Diesel Engine Specialists | Installation, Maintenance, and Repair Occupations | 222940 | 41640 | 14.5 | |
Training and Development Managers | Management Occupations | 27150 | 91740 | 14.6 | |
Operations Research Analysts | Computer and Mathematical Occupations | 65030 | 71950 | 14.6 | |
Adult Basic and Secondary Education and Literacy Teachers and Instructors | Education, Training, and Library Occupations | 67770 | 47370 | 14.6 | |
Telecommunications Equipment Installers and Repairers, Except Line Installers | Installation, Maintenance, and Repair Occupations | 199240 | 53960 | 14.6 | |
Geological and Petroleum Technicians | Life, Physical, and Social Science Occupations | 14680 | 49690 | 14.7 | |
Compliance Officers | Business and Financial Operations Occupations | 210510 | 60740 | 15 | |
First-Line Supervisors of Landscaping, Lawn Service, and Groundskeeping Workers | Building and Grounds Cleaning and Maintenance Occupations | 100460 | 42050 | 15.1 | |
Securities, Commodities, and Financial Services Sales Agents | Sales and Related Occupations | 307020 | 72060 | 15.2 | |
Sales Representatives, Wholesale and Manufacturing, Except Technical and Scientific Products | Sales and Related Occupations | 1390480 | 53540 | 15.6 | |
Accountants and Auditors | Business and Financial Operations Occupations | 1085150 | 62850 | 15.7 | |
Crane and Tower Operators | Transportation and Material Moving Occupations | 41070 | 46460 | 15.7 | |
Landscape Architects | Architecture and Engineering Occupations | 15760 | 63240 | 16 | |
Urban and Regional Planners | Life, Physical, and Social Science Occupations | 38320 | 64100 | 16.2 | |
Social Workers, All Other | Community and Social Service Occupations | 63110 | 53900 | 16.2 | |
Mobile Heavy Equipment Mechanics, Except Engines | Installation, Maintenance, and Repair Occupations | 109810 | 45600 | 16.2 | |
Public Relations and Fundraising Managers | Management Occupations | 53200 | 93310 | 16.4 | |
Sales Representatives, Wholesale and Manufacturing, Technical and Scientific Products | Sales and Related Occupations | 375500 | 74750 | 16.4 | |
Construction Managers | Management Occupations | 195000 | 84240 | 16.6 | |
Farm and Home Management Advisors | Education, Training, and Library Occupations | 10500 | 45430 | 16.6 | |
Elementary School Teachers, Except Special Education | Education, Training, and Library Occupations | 1415590 | 52840 | 16.8 | |
Middle School Teachers, Except Special and Career/Technical Education | Education, Training, and Library Occupations | 642820 | 53130 | 16.9 | |
Rail Car Repairers | Installation, Maintenance, and Repair Occupations | 19480 | 47740 | 16.9 | |
Petroleum Engineers | Architecture and Engineering Occupations | 30880 | 122280 | 17 | |
Recreational Therapists | Healthcare Practitioners and Technical Occupations | 19650 | 41060 | 17.1 | |
Technical Writers | Arts, Design, Entertainment, Sports, and Media Occupations | 45120 | 64610 | 17.2 | |
Business Teachers, Postsecondary | Education, Training, and Library Occupations | 82090 | 74770 | 17.4 | |
Computer Science Teachers, Postsecondary | Education, Training, and Library Occupations | 33510 | 73090 | 17.4 | |
Mathematical Science Teachers, Postsecondary | Education, Training, and Library Occupations | 53650 | 66680 | 17.4 | |
Engineering Teachers, Postsecondary | Education, Training, and Library Occupations | 33660 | 90680 | 17.4 | |
Agricultural Sciences Teachers, Postsecondary | Education, Training, and Library Occupations | 10170 | 79900 | 17.4 | |
Biological Science Teachers, Postsecondary | Education, Training, and Library Occupations | 50090 | 74110 | 17.4 | |
Atmospheric, Earth, Marine, and Space Sciences Teachers, Postsecondary | Education, Training, and Library Occupations | 10660 | 83140 | 17.4 | |
Chemistry Teachers, Postsecondary | Education, Training, and Library Occupations | 20830 | 70960 | 17.4 | |
Physics Teachers, Postsecondary | Education, Training, and Library Occupations | 13630 | 77540 | 17.4 | |
Economics Teachers, Postsecondary | Education, Training, and Library Occupations | 13300 | 85310 | 17.4 | |
Political Science Teachers, Postsecondary | Education, Training, and Library Occupations | 17260 | 71470 | 17.4 | |
Psychology Teachers, Postsecondary | Education, Training, and Library Occupations | 37540 | 68150 | 17.4 | |
Sociology Teachers, Postsecondary | Education, Training, and Library Occupations | 17250 | 66250 | 17.4 | |
Health Specialties Teachers, Postsecondary | Education, Training, and Library Occupations | 153430 | 79860 | 17.4 | |
Nursing Instructors and Teachers, Postsecondary | Education, Training, and Library Occupations | 55930 | 63900 | 17.4 | |
Education Teachers, Postsecondary | Education, Training, and Library Occupations | 63330 | 59380 | 17.4 | |
Criminal Justice and Law Enforcement Teachers, Postsecondary | Education, Training, and Library Occupations | 14630 | 59480 | 17.4 | |
Law Teachers, Postsecondary | Education, Training, and Library Occupations | 14980 | 93330 | 17.4 | |
Art, Drama, and Music Teachers, Postsecondary | Education, Training, and Library Occupations | 90030 | 62330 | 17.4 | |
Communications Teachers, Postsecondary | Education, Training, and Library Occupations | 29610 | 61330 | 17.4 | |
English Language and Literature Teachers, Postsecondary | Education, Training, and Library Occupations | 72700 | 61410 | 17.4 | |
Foreign Language and Literature Teachers, Postsecondary | Education, Training, and Library Occupations | 29010 | 59630 | 17.4 | |
History Teachers, Postsecondary | Education, Training, and Library Occupations | 23470 | 65860 | 17.4 | |
Philosophy and Religion Teachers, Postsecondary | Education, Training, and Library Occupations | 21930 | 65100 | 17.4 | |
Recreation and Fitness Studies Teachers, Postsecondary | Education, Training, and Library Occupations | 18660 | 57840 | 17.4 | |
Vocational Education Teachers, Postsecondary | Education, Training, and Library Occupations | 125160 | 48790 | 17.4 | |
Postsecondary Teachers, All Other | Education, Training, and Library Occupations | 182130 | 64310 | 17.4 | |
Clergy | Community and Social Service Occupations | 42560 | 44140 | 17.5 | |
Sheet Metal Workers | Construction and Extraction Occupations | 130670 | 42730 | 17.5 | |
Construction and Building Inspectors | Construction and Extraction Occupations | 89620 | 53180 | 17.9 | |
Ship Engineers | Transportation and Material Moving Occupations | 10010 | 70840 | 18 | |
Computer and Information Systems Managers | Management Occupations | 300830 | 118010 | 18.1 | |
Computer Support Specialists | Computer and Mathematical Occupations | 632490 | 47660 | 18.1 | |
Psychologists, All Other | Life, Physical, and Social Science Occupations | 10580 | 90010 | 18.2 | |
Kindergarten Teachers, Except Special Education | Education, Training, and Library Occupations | 164910 | 49520 | 18.2 | |
Funeral Service Managers, Directors, Morticians, and Undertakers | Personal Care and Service Occupations | 29760 | 52790 | 18.2 | |
Paralegals and Legal Assistants* | Legal Occupations | 252250 | 46730 | 18.3 | |
Probation Officers and Correctional Treatment Specialists | Community and Social Service Occupations | 88520 | 47840 | 18.4 | |
Forensic Science Technicians | Life, Physical, and Social Science Occupations | 12560 | 52180 | 18.6 | |
Computer and Information Research Scientists | Computer and Mathematical Occupations | 25160 | 101080 | 18.7 | |
Environmental Scientists and Specialists, Including Health | Life, Physical, and Social Science Occupations | 83090 | 62920 | 18.7 | |
Sales Representatives, Services, All Other | Sales and Related Occupations | 596480 | 50630 | 18.8 | |
Nuclear Medicine Technologists | Healthcare Practitioners and Technical Occupations | 21200 | 69450 | 18.9 | |
Surgical Technologists | Healthcare Practitioners and Technical Occupations | 94490 | 40950 | 18.9 | |
Education Administrators, Postsecondary | Management Occupations | 113620 | 84280 | 19 | |
Educational, Guidance, School, and Vocational Counselors | Community and Social Service Occupations | 244560 | 54130 | 19 | |
Health Diagnosing and Treating Practitioners, All Other | Healthcare Practitioners and Technical Occupations | 32300 | 70690 | 19 | |
Healthcare Practitioners and Technical Workers, All Other* | Healthcare Practitioners and Technical Occupations | 55450 | 44950 | 19 | |
Interior Designers | Arts, Design, Entertainment, Sports, and Media Occupations | 40950 | 47620 | 19.3 | |
Civil Engineers | Architecture and Engineering Occupations | 254130 | 77990 | 19.4 | |
Instructional Coordinators | Education, Training, and Library Occupations | 130230 | 59280 | 19.5 | |
Carpenters | Construction and Extraction Occupations | 578910 | 40010 | 19.6 | |
Credit Analysts | Business and Financial Operations Occupations | 59140 | 60730 | 19.7 | |
Child, Family, and School Social Workers | Community and Social Service Occupations | 276510 | 40680 | 19.7 | |
Dietitians and Nutritionists | Healthcare Practitioners and Technical Occupations | 56130 | 54470 | 19.7 | |
Special Education Teachers, Middle School | Education, Training, and Library Occupations | 100590 | 55000 | 20.2 | |
Radiation Therapists | Healthcare Practitioners and Technical Occupations | 18380 | 76630 | 20.3 | |
Captains, Mates, and Pilots of Water Vessels | Transportation and Material Moving Occupations | 30220 | 63920 | 20.4 | |
Human Resources, Training, and Labor Relations Specialists, All Other* | Business and Financial Operations Occupations | 436090 | 54310 | 20.5 | |
Private Detectives and Investigators | Protective Service Occupations | 26080 | 43710 | 20.5 | |
Dentists, General | Healthcare Practitioners and Technical Occupations | 90950 | 142740 | 21.1 | |
Geoscientists, Except Hydrologists and Geographers | Life, Physical, and Social Science Occupations | 32490 | 84470 | 21.2 | |
Commercial Pilots | Transportation and Material Moving Occupations | 31630 | 70000 | 21.2 | |
Counselors, All Other | Community and Social Service Occupations | 27140 | 42030 | 21.3 | |
Special Education Teachers, Preschool, Kindergarten, and Elementary School* | Education, Training, and Library Occupations | 220220 | 53440 | 21.3 | |
Boilermakers | Construction and Extraction Occupations | 18850 | 56910 | 21.3 | |
Industrial Machinery Mechanics | Installation, Maintenance, and Repair Occupations | 292470 | 46270 | 21.6 | |
Information Security Analysts, Web Developers, and Computer Network Architects | Computer and Mathematical Occupations | 272670 | 77990 | 21.7 | |
Management Analysts | Business and Financial Operations Occupations | 538950 | 78490 | 21.9 | |
Environmental Engineers | Architecture and Engineering Occupations | 50350 | 79050 | 21.9 | |
Clinical, Counseling, and School Psychologists | Life, Physical, and Social Science Occupations | 100850 | 67880 | 21.9 | |
Insurance Sales Agents | Sales and Related Occupations | 321780 | 47450 | 21.9 | |
Structural Iron and Steel Workers | Construction and Extraction Occupations | 56920 | 45690 | 21.9 | |
Computer Systems Analysts | Computer and Mathematical Occupations | 487740 | 78770 | 22.1 | |
Cartographers and Photogrammetrists | Architecture and Engineering Occupations | 11240 | 55970 | 22.2 | |
Medical and Health Services Managers | Management Occupations | 287560 | 86400 | 22.4 | |
Licensed Practical and Licensed Vocational Nurses | Healthcare Practitioners and Technical Occupations | 729140 | 41150 | 22.4 | |
Public Relations Specialists | Arts, Design, Entertainment, Sports, and Media Occupations | 212510 | 53190 | 22.5 | |
Financial Analysts | Business and Financial Operations Occupations | 226340 | 75650 | 23 | |
Electricians | Construction and Extraction Occupations | 512290 | 49320 | 23.2 | |
Speech-Language Pathologists | Healthcare Practitioners and Technical Occupations | 117210 | 69100 | 23.4 | |
First-Line Supervisors of Construction Trades and Extraction Workers | Construction and Extraction Occupations | 459830 | 59150 | 23.5 | |
Operating Engineers and Other Construction Equipment Operators | Construction and Extraction Occupations | 335410 | 41510 | 23.5 | |
Environmental Science and Protection Technicians, Including Health | Life, Physical, and Social Science Occupations | 30320 | 42270 | 23.6 | |
Survey Researchers | Life, Physical, and Social Science Occupations | 17060 | 40150 | 24.1 | |
Environmental Engineering Technicians | Architecture and Engineering Occupations | 19490 | 44850 | 24.3 | |
Anesthesiologists | Healthcare Practitioners and Technical Occupations | 33310 | 234950 | 24.4 | |
Family and General Practitioners | Healthcare Practitioners and Technical Occupations | 101800 | 167000 | 24.4 | |
Internists, General | Healthcare Practitioners and Technical Occupations | 46740 | 183170 | 24.4 | |
Obstetricians and Gynecologists | Healthcare Practitioners and Technical Occupations | 20540 | 218610 | 24.4 | |
Pediatricians, General | Healthcare Practitioners and Technical Occupations | 29640 | 158170 | 24.4 | |
Psychiatrists | Healthcare Practitioners and Technical Occupations | 23140 | 170350 | 24.4 | |
Surgeons | Healthcare Practitioners and Technical Occupations | 42340 | 231550 | 24.4 | |
Physicians and Surgeons, All Other | Healthcare Practitioners and Technical Occupations | 305590 | 184650 | 24.4 | |
Architects, Except Landscape and Naval | Architecture and Engineering Occupations | 83590 | 73340 | 24.5 | |
Curators | Education, Training, and Library Occupations | 10340 | 48800 | 24.8 | |
Education Administrators, Preschool and Childcare Center/Program | Management Occupations | 49320 | 43830 | 24.9 | |
Surveyors | Architecture and Engineering Occupations | 42020 | 55590 | 25.4 | |
Pharmacists | Healthcare Practitioners and Technical Occupations | 272320 | 113390 | 25.4 | |
Logisticians | Business and Financial Operations Occupations | 112310 | 71910 | 25.5 | |
Plumbers, Pipefitters, and Steamfitters | Construction and Extraction Occupations | 349320 | 47750 | 25.6 | |
Registered Nurses* | Healthcare Practitioners and Technical Occupations | 2724570 | 65950 | 26 | |
Social and Community Service Managers | Management Occupations | 115550 | 58660 | 26.7 | |
Actuaries | Computer and Mathematical Occupations | 19590 | 91060 | 26.7 | |
Financial Examiners | Business and Financial Operations Occupations | 28050 | 75250 | 27 | |
First-Line Supervisors of Helpers, Laborers, and Material Movers, Hand | Transportation and Material Moving Occupations | 166560 | 44580 | 27.2 | |
Software Developers, Applications | Computer and Mathematical Occupations | 539880 | 89280 | 27.6 | |
Respiratory Therapists | Healthcare Practitioners and Technical Occupations | 113980 | 55250 | 27.7 | |
Network and Computer Systems Administrators* | Computer and Mathematical Occupations | 341800 | 70970 | 27.8 | |
Radiologic Technologists and Technicians* | Healthcare Practitioners and Technical Occupations | 220540 | 55120 | 27.8 | |
Therapists, All Other* | Healthcare Practitioners and Technical Occupations | 15720 | 49120 | 27.9 | |
Training and Development Specialists | Business and Financial Operations Occupations | 205680 | 55150 | 28.3 | |
Chiropractors | Healthcare Practitioners and Technical Occupations | 27510 | 66060 | 28.3 | |
Cardiovascular Technologists and Technicians | Healthcare Practitioners and Technical Occupations | 50410 | 51020 | 29.3 | |
Radio, Cellular, and Tower Equipment Installers and Repairs | Installation, Maintenance, and Repair Occupations | 12920 | 42160 | 29.4 | |
Physician Assistants | Healthcare Practitioners and Technical Occupations | 83540 | 88660 | 29.5 | |
Athletic Trainers | Healthcare Practitioners and Technical Occupations | 18240 | 42400 | 30 | |
Database Administrators | Computer and Mathematical Occupations | 108500 | 75190 | 30.6 | |
Biochemists and Biophysicists | Life, Physical, and Social Science Occupations | 25160 | 79230 | 30.8 | |
Medical Equipment Repairers | Installation, Maintenance, and Repair Occupations | 34710 | 44870 | 31.5 | |
Personal Financial Advisors | Business and Financial Operations Occupations | 161790 | 66580 | 32.1 | |
Software Developers, Systems Software | Computer and Mathematical Occupations | 387050 | 96600 | 32.4 | |
Optometrists | Healthcare Practitioners and Technical Occupations | 27950 | 94690 | 33.1 | |
Healthcare Social Workers | Community and Social Service Occupations | 133890 | 48620 | 33.5 | |
Occupational Therapists | Healthcare Practitioners and Technical Occupations | 103570 | 73820 | 33.5 | |
Heating, Air Conditioning, and Refrigeration Mechanics and Installers | Installation, Maintenance, and Repair Occupations | 231160 | 43380 | 33.7 | |
Tapers | Construction and Extraction Occupations | 15340 | 44910 | 34.7 | |
Veterinarians | Healthcare Practitioners and Technical Occupations | 55410 | 82900 | 35.9 | |
Cost Estimators | Business and Financial Operations Occupations | 187730 | 58460 | 36.4 | |
Medical Scientists, Except Epidemiologists | Life, Physical, and Social Science Occupations | 95220 | 76130 | 36.4 | |
Health Educators | Community and Social Service Occupations | 56610 | 47940 | 36.5 | |
Audiologists | Healthcare Practitioners and Technical Occupations | 12490 | 68390 | 36.8 | |
Dental Hygienists | Healthcare Practitioners and Technical Occupations | 184110 | 69280 | 37.7 | |
Physical Therapists | Healthcare Practitioners and Technical Occupations | 185440 | 78270 | 39 | |
Brickmasons and Blockmasons | Construction and Extraction Occupations | 62560 | 46800 | 40.5 | |
Market Research Analysts and Marketing Specialists* | Business and Financial Operations Occupations | 318190 | 60250 | 41.2 | |
Marriage and Family Therapists | Community and Social Service Occupations | 33990 | 46240 | 41.2 | |
Interpreters and Translators | Arts, Design, Entertainment, Sports, and Media Occupations | 47950 | 44160 | 42.2 | |
Occupational Therapy Assistants | Healthcare Support Occupations | 29130 | 52040 | 43.3 | |
Diagnostic Medical Sonographers | Healthcare Practitioners and Technical Occupations | 54760 | 65210 | 43.5 | |
Meeting, Convention, and Event Planners* | Business and Financial Operations Occupations | 64020 | 46020 | 43.7 | |
Physical Therapist Assistants | Healthcare Support Occupations | 67550 | 51040 | 45.7 | |
Biomedical Engineers | Architecture and Engineering Occupations | 16590 | 84670 | 61.7 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
<head> | |
<meta charset="utf-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
<title>What Career Should I Invest In?</title> | |
<meta name="description" content=""> | |
<meta name="viewport" content="width=device-width"> | |
<link rel="stylesheet" href="normalize.css"> | |
<link rel="stylesheet" href="main.css"> | |
<script src="js/vendor/modernizr-2.6.2.min.js"></script> | |
<!--<link src="d3/colorbrewer/colorbrewer.css" type="text/css" />--> | |
</head> | |
<body> | |
<!--[if lt IE 7]> | |
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> | |
<![endif]--> | |
<div id="container" class="wrapper"> | |
<div id="chart"> | |
</div> | |
<br> | |
<br> | |
<br> | |
<br> | |
<h1>Screenshots:</h1> | |
<img src="http://files.richardwestenra.com/career/1.-Select-the-filed-you-are-interested-in.png"/> | |
<img src="http://files.richardwestenra.com/career/2.-Hover-state-with-green-info-bar.png" /> | |
<img src="http://files.richardwestenra.com/career/3.-Annotations-On.png" /> | |
<img src="http://files.richardwestenra.com/career/4.-Hover-State-Example-A---Info-Bar-Corresponds-to-Colour-Key.png" /> | |
<img src="http://files.richardwestenra.com/career/5.-Hover-State-Example-B-Info-Bar-Corresponds-to-Colour-Key.png" /> | |
</div> | |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> | |
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.v2.min.js"></script> | |
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script> | |
<!--<script type="text/javascript" src="d3/colorbrewer/colorbrewer.js"></script>--> | |
<!--<script src="js/plugins.js"></script>--> | |
<!--<script src="js/main.js"></script>--> | |
<script src="zoom.js"></script> | |
<script> | |
$(function(){ | |
//scatter(); | |
//effects(); | |
zoomPan(); | |
}); | |
//scatter("OccupationalCategories.csv"); | |
</script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* HTML5 Boilerplate | |
* | |
* What follows is the result of much research on cross-browser styling. | |
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, | |
* Kroc Camen, and the H5BP dev community and team. | |
*/ | |
/* ========================================================================== | |
Base styles: opinionated defaults | |
========================================================================== */ | |
html, | |
button, | |
input, | |
select, | |
textarea { | |
color: #222; | |
} | |
body { | |
font-size: 1em; | |
line-height: 1.4; | |
} | |
/* | |
* Remove text-shadow in selection highlight: h5bp.com/i | |
* These selection declarations have to be separate. | |
* Customize the background color to match your design. | |
*/ | |
::-moz-selection { | |
background: #606043; | |
color:#fefdf5; | |
text-shadow: none; | |
} | |
::selection { | |
background: #606043; | |
color:#fefdf5; | |
text-shadow: none; | |
} | |
/* | |
* A better looking default horizontal rule | |
*/ | |
hr { | |
display: block; | |
height: 1px; | |
border: 0; | |
border-top: 1px solid #ccc; | |
margin: 1em 0; | |
padding: 0; | |
} | |
/* | |
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 | |
*/ | |
img { | |
vertical-align: middle; | |
} | |
/* | |
* Remove default fieldset styles. | |
*/ | |
fieldset { | |
border: 0; | |
margin: 0; | |
padding: 0; | |
} | |
/* | |
* Allow only vertical resizing of textareas. | |
*/ | |
textarea { | |
resize: vertical; | |
} | |
/* ========================================================================== | |
Chrome Frame prompt | |
========================================================================== */ | |
.chromeframe { | |
margin: 0.2em 0; | |
background: #ccc; | |
color: #000; | |
padding: 0.2em 0; | |
} | |
/* ========================================================================== | |
Author's custom styles | |
========================================================================== */ | |
body { | |
background:#fefdf5; | |
font-family:'Trade Gothic Next W01',sans-serif; | |
color:#333; | |
} | |
.wrapper { | |
width:960px; | |
margin:30px auto; | |
} | |
h1 { | |
color:#606043; | |
font-size:65px; | |
margin:0; | |
font-family:'TradeGothicNextW01-BdCm'; | |
} | |
header p { | |
margin:0 0 20px; | |
} | |
#select { | |
height:50px; | |
position:relative; | |
z-index:2; | |
} | |
#navToggle { | |
border-top:1px solid #d6d5c8; | |
border-bottom:1px solid #d6d5c8; | |
padding:4px 0; | |
display:inline-block; | |
color:#606043; | |
outline:none; | |
font-size:20px; | |
font-family:'TradeGothicNextW01-BdCm'; | |
position:relative; | |
} | |
#navToggle.active { | |
border-bottom:none; | |
padding:4px 0 0; | |
} | |
#navToggle:hover { | |
color:#111; | |
} | |
#navToggle span { | |
display:inline-block; | |
background:#bac2a5; | |
text-transform:uppercase; | |
text-decoration:none; | |
padding:10px 50px 10px 25px; | |
} | |
#navToggle span::after { | |
background:url(../img/arrows.png) no-repeat 0 0; | |
content:''; | |
display:block; | |
width:15px; | |
height:15px; | |
position:absolute; | |
right:20px; | |
top:20px; | |
} | |
#navToggle.active span::after { | |
background-position: 0 -68px; | |
} | |
#navList { | |
background:#bac2a5; | |
margin:0; | |
padding:20px 30px; | |
-moz-column-count:2; | |
-moz-column-gap:40px; | |
-webkit-column-count:2; | |
-webkit-column-gap:40px; | |
column-count:2; | |
column-gap:40px; | |
display:none; | |
} | |
/*#navList::after { | |
border-bottom:1px solid #d6d5c8; | |
position:relative; | |
content:''; | |
width:100%; | |
height:3px; | |
display:block; | |
}*/ | |
.nl { | |
list-style:none; | |
margin-bottom:5px; | |
} | |
.nl a { | |
outline:none; | |
color:#606043; | |
background:url(../img/nl.png) no-repeat 0 3px; | |
padding-left:30px; | |
display:inline-block; | |
text-decoration:none; | |
} | |
.nl a:hover { | |
color:#111; | |
} | |
.nl a.active { | |
background-position:0 -61px; | |
} | |
#chart { | |
position:relative; | |
} | |
svg { | |
font-family:'Trade Gothic Next W01',sans-serif; | |
/*background:rgba(255,255,255,0.3); | |
border:1px solid rgba(255,255,255,0.6);*/ | |
} | |
rect { | |
fill: transparent; | |
shape-rendering: crispEdges; | |
} | |
.hex { | |
} | |
.active { | |
z-index:5; | |
position:relative; | |
} | |
.inactive polygon { | |
fill:#aaa; | |
opacity:0.1; | |
} | |
.axis { | |
} | |
.axis path, | |
.axis line { | |
fill: none; | |
stroke: rgba(0,0,0,0.1); | |
shape-rendering: crispEdges; | |
} | |
.axis text { | |
font-family: sans-serif; | |
font-size: 11px; | |
fill: #666; | |
} | |
.label { | |
font-size:14px; | |
fill:rgba(0,0,0,0.5); | |
shape-rendering:auto; | |
} | |
#thing { | |
height:250px; | |
background:#e5b99c; | |
color:#c6663a; | |
border-bottom:3px solid #c6663a; | |
} | |
#tooltip { | |
padding:20px 30px; | |
} | |
#name { | |
font-size:25px; | |
margin:0 0 5px; | |
font-family:'TradeGothicNextW01-Bold 693229'; | |
} | |
#desc { | |
font-size:14px; | |
margin:0 0 10px; | |
} | |
#tt { | |
width:100%; | |
text-align:left; | |
} | |
#tt td { | |
height:50px; | |
border-bottom:2px solid #c6663a; | |
font-size:36px; | |
vertical-align:bottom; | |
font-family:'TradeGothicNextW01-BdCm'; | |
} | |
#tt #education { | |
font-size:18px; | |
} | |
#tt th { | |
font-weight:normal; | |
font-size:15px; | |
} | |
fonts { | |
font-family:'TradeGothicNextW01-Ligh 693250'; | |
font-family:'Trade Gothic Next W01'; | |
font-family:'TradeGothicNextW01-Bold 693229'; | |
font-family:'TradeGothicNextW01-BdCm'; | |
} | |
/* ========================================================================== | |
Helper classes | |
========================================================================== */ | |
/* | |
* Image replacement | |
*/ | |
.ir { | |
background-color: transparent; | |
border: 0; | |
overflow: hidden; | |
/* IE 6/7 fallback */ | |
*text-indent: -9999px; | |
} | |
.ir:before { | |
content: ""; | |
display: block; | |
width: 0; | |
height: 150%; | |
} | |
/* | |
* Hide from both screenreaders and browsers: h5bp.com/u | |
*/ | |
.hidden { | |
display: none !important; | |
visibility: hidden; | |
} | |
/* | |
* Hide only visually, but have it available for screenreaders: h5bp.com/v | |
*/ | |
.visuallyhidden { | |
border: 0; | |
clip: rect(0 0 0 0); | |
height: 1px; | |
margin: -1px; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
width: 1px; | |
} | |
/* | |
* Extends the .visuallyhidden class to allow the element to be focusable | |
* when navigated to via the keyboard: h5bp.com/p | |
*/ | |
.visuallyhidden.focusable:active, | |
.visuallyhidden.focusable:focus { | |
clip: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
position: static; | |
width: auto; | |
} | |
/* | |
* Hide visually and from screenreaders, but maintain layout | |
*/ | |
.invisible { | |
visibility: hidden; | |
} | |
/* | |
* Clearfix: contain floats | |
* | |
* For modern browsers | |
* 1. The space content is one way to avoid an Opera bug when the | |
* `contenteditable` attribute is included anywhere else in the document. | |
* Otherwise it causes space to appear at the top and bottom of elements | |
* that receive the `clearfix` class. | |
* 2. The use of `table` rather than `block` is only necessary if using | |
* `:before` to contain the top-margins of child elements. | |
*/ | |
.clearfix:before, | |
.clearfix:after { | |
content: " "; /* 1 */ | |
display: table; /* 2 */ | |
} | |
.clearfix:after { | |
clear: both; | |
} | |
/* | |
* For IE 6/7 only | |
* Include this rule to trigger hasLayout and contain floats. | |
*/ | |
.clearfix { | |
*zoom: 1; | |
} | |
/* ========================================================================== | |
EXAMPLE Media Queries for Responsive Design. | |
Theses examples override the primary ('mobile first') styles. | |
Modify as content requires. | |
========================================================================== */ | |
@media only screen and (min-width: 35em) { | |
/* Style adjustments for viewports that meet the condition */ | |
} | |
@media print, | |
(-o-min-device-pixel-ratio: 5/4), | |
(-webkit-min-device-pixel-ratio: 1.25), | |
(min-resolution: 120dpi) { | |
/* Style adjustments for high resolution devices */ | |
} | |
/* ========================================================================== | |
Print styles. | |
Inlined to avoid required HTTP connection: h5bp.com/r | |
========================================================================== */ | |
@media print { | |
* { | |
background: transparent !important; | |
color: #000 !important; /* Black prints faster: h5bp.com/s */ | |
box-shadow: none !important; | |
text-shadow: none !important; | |
} | |
a, | |
a:visited { | |
text-decoration: underline; | |
} | |
a[href]:after { | |
content: " (" attr(href) ")"; | |
} | |
abbr[title]:after { | |
content: " (" attr(title) ")"; | |
} | |
/* | |
* Don't show links for images, or javascript/internal links | |
*/ | |
.ir a:after, | |
a[href^="javascript:"]:after, | |
a[href^="#"]:after { | |
content: ""; | |
} | |
pre, | |
blockquote { | |
border: 1px solid #999; | |
page-break-inside: avoid; | |
} | |
thead { | |
display: table-header-group; /* h5bp.com/t */ | |
} | |
tr, | |
img { | |
page-break-inside: avoid; | |
} | |
img { | |
max-width: 100% !important; | |
} | |
@page { | |
margin: 0.5cm; | |
} | |
p, | |
h2, | |
h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2, | |
h3 { | |
page-break-after: avoid; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var zoomPan = function(){ | |
d3.csv("AllOccupations.csv", function(data) { | |
var margin = {top: 30, right: 10, bottom: 20, left: 60}, | |
width = 960 - margin.left - margin.right, | |
height = 500 - margin.top - margin.bottom; | |
var xMax = d3.max(data, function(d) { return +d.TotalEmployed2011; }), | |
xMin = 0, | |
yMax = d3.max(data, function(d) { return +d.MedianSalary2011; }), | |
yMin = 0; | |
//Define scales | |
var x = d3.scale.linear() | |
.domain([xMin, xMax]) | |
.range([0, width]); | |
var y = d3.scale.linear() | |
.domain([yMin, yMax]) | |
.range([height, 0]); | |
var colourScale = function(val){ | |
var colours = ['#9d3d38','#c5653a','#f9b743','#9bd6d7']; | |
if (val > 30) { | |
return colours[0]; | |
} else if (val > 10) { | |
return colours[1]; | |
} else if (val > 0) { | |
return colours[2]; | |
} else { | |
return colours[3]; | |
} | |
}; | |
//Define X axis | |
var xAxis = d3.svg.axis() | |
.scale(x) | |
.orient("bottom") | |
.tickSize(-height) | |
.tickFormat(d3.format("s")); | |
//Define Y axis | |
var yAxis = d3.svg.axis() | |
.scale(y) | |
.orient("left") | |
.ticks(5) | |
.tickSize(-width) | |
.tickFormat(d3.format("s")); | |
var svg = d3.select("#chart").append("svg") | |
.attr("width", width + margin.left + margin.right) | |
.attr("height", height + margin.top + margin.bottom) | |
.append("g") | |
.attr("transform", "translate(" + margin.left + "," + margin.top + ")") | |
.call(d3.behavior.zoom().x(x).y(y).scaleExtent([1, 8]).on("zoom", zoom)); | |
svg.append("rect") | |
.attr("width", width) | |
.attr("height", height); | |
svg.append("g") | |
.attr("class", "x axis") | |
.attr("transform", "translate(0," + height + ")") | |
.call(xAxis); | |
svg.append("g") | |
.attr("class", "y axis") | |
.call(yAxis); | |
/* | |
svg.selectAll("circle") | |
.data(data) | |
.enter() | |
.append("circle") | |
//.attr("cx", w*0.06).attr("cy",h*0.85).transition().duration(1000) // initialise dots at center then transition | |
.attr("cx", function(d) { | |
return x(d.TotalEmployed2011); | |
}) | |
.attr("cy",function(d) { | |
return y(d.MedianSalary2011); | |
}) | |
.attr("fill",function(d) { | |
return colourScale(d.ProjectedGrowth2020); | |
}) | |
.attr("r", 5) | |
.attr("opacity","0.8"); | |
*/ | |
svg.selectAll("polygon") | |
.data(data) | |
.enter() | |
.append("polygon") | |
.attr("class","hex") | |
.attr("transform", function(d, i) { | |
return "translate("+x(d.TotalEmployed2011)+","+y(d.MedianSalary2011)+")"; | |
}) | |
.attr('points','4.569,2.637 0,5.276 -4.569,2.637 -4.569,-2.637 0,-5.276 4.569,-2.637') | |
.attr("opacity","0.8") | |
.attr("fill",function(d) { | |
return colourScale(d.ProjectedGrowth2020); | |
}); | |
function zoom() { | |
svg.select(".x.axis").call(xAxis); | |
svg.select(".y.axis").call(yAxis); | |
} | |
}); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment