Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 1 hour on-demand video
  • 5 articles
  • 5 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
IT & Software Other IT & Software JavaScript

How to Visualize Data with JavaScript

Visualize Trends in Temperature Data with HTML, CSS, JavaScript and jQuery
Rating: 4.7 out of 54.7 (20 ratings)
294 students
Created by Elisabeth Robson
Last updated 1/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • JavaScript, visualization skills, HTML, CSS, jQuery

Requirements

  • JavaScript basics, HTML and CSS basics

Description

Welcome to How to Visualize Data with JavaScript. In this project, join Elisabeth Robson to learn how to incorporate data visualization into your web skills using simple JavaScript along with HTML and CSS. Elisabeth will take you through building an interactive visualization using data downloaded from NOAA, reading data into a web page, adding the data to an HTML table with JavaScript code, adding color to the visualization with JavaScript and CSS, and using a little jQuery to help make selecting and updating elements in the page easy.

Pre-requisites

To successfully complete this project, we recommend that you have some background in HTML, CSS, and JavaScript. You don't need to be an expert by any means, but you should have experience building web pages with HTML and CSS, and you should have basic programming skills with JavaScript.


Learning Path

  • Head First HTML and CSS

  • Head First JavaScript Programming (Chapters 1-6)

  • How jQuery Works: The Basics

  • This course: How to Visualize Data with JavaScript


Who this course is for:

  • Developers who want to practice their JavaScript skills, and use JavaScript to create visualizations.
  • Developers interested in climate change, and visualizing climate data

Course content

3 sections • 18 lectures • 1h 3m total length

  • Preview01:11
  • Preview03:03
  • Do the Work: Explore Visualizations of Climate Change Data
    00:12
  • Preview05:57
  • Do the Work: Explore the Data
    00:12
  • Get Set Up
    03:16
  • Do the Work: Create the visualization by hand
    00:25

  • Build the HTML
    03:16
  • Understand the Data
    05:14
  • JavaScript to Load the Data
    04:41
  • Understand the Algorithm
    03:11
  • Do the Work: Try Writing some Code
    00:30
  • Build the Data Table with JavaScript
    06:52
  • Add the Data to the Table with JavaScript
    10:55
  • Do the Work: Experiment with Color Tools
    00:06
  • Add the Color Legend
    02:13
  • Style the Visualization with CSS
    08:54

  • Gain some Insight
    03:14

Instructor

Elisabeth Robson
Co-founder and Principal at WickedlySmart
Elisabeth Robson
  • 4.5 Instructor Rating
  • 173 Reviews
  • 1,812 Students
  • 6 Courses

Elisabeth Robson is a co-founder and principal at WickedlySmart, an author, and software developer, and teaches online courses for for O'Reilly Media and LinkedIn Learning. She's the co-author of four best-selling titles--Head First JavaScript Programming, Head First Design Patterns, Head First HTML & CSS, and Head First HTML5 Programming--and previously the Director of Special Projects and co-director of the Head First series at O'Reilly Media. Prior to her work at O'Reilly Media, Elisabeth was Director of Engineering at The Walt Disney Company. Elisabeth holds a Master's Degree in Computer Science from Yale University. 

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.