Udacity
Computer Science:
• Intro to Statistics
• Statistics
• Intro to Theoretical Computer Science
• Interactive 3D Graphics
Data Visualization:
• Data Visualization and D3.js
• Data Visualization
• Data Visualization in Tableau
• Data Analysis and Visualization
• Data Analysis with R
Machine Learning:
• Machine Learning , Lesson 2 - Decision Trees
• Introduction to Machine Learning Course , Lesson 4 - Decision Trees
• Intro to Artificial Intelligence
• Artificial Intelligence
• Intel® Edge AI Fundamentals with OpenVINO™
• Intro to Deep Learning with PyTorch
• Intro to Machine Learning with PyTorch
JavaScript:
• JavaScript Design Patterns
• Browser Rendering Optimization
• JavaScript Promises
• Intro to JavaScript
• Intro to HTML and CSS
• ES6 - JavaScript Improved
• Intro to AJAX
•
Data Visualization and D3.js
Lesson 1 Visualization Fundamentals
• Visual Encoding
• Graphical perception – learn the fundamentals first
• UK Temperature History
Lesson 2 D3 Building Blocks
• Welcome to Gapminder Tools!
Data
Enter
Update
Elements
Exit
• Thinking with Joins , Mike Bostock
• How Selections Work
Lesson 3 Problem Set Visualization Fundamentals
• .
• .
Lesson 4 Design Principles
• DATA LOOKS BETTER NAKED
• Data Visualization: Visualization Types LibGuides at Duke University
• A layered grammar of graphics
• A layered grammar of graphics (PDF)
• Graph Selection Matrix (PDF)
• Selecting the Right Graph for Your Message (PDF)
• Charles Joseph Minard
• A Tour through the Visualization Zoo
• 色輪、調色盤產生器 | Adobe Color
Lesson 5 Dimple.js
• .
• .
Lesson 6 Problem Set Chart Types and Axes
• .
• .
Lesson 7 Narrative Structures
• Narrative Visualization: Telling Stories with Data (PDF)
• .
Lesson 8 Animation and Interaction
• Mike Bostock, Let’s Make a Map
• How to convert Shapefiles to GeoJSON
• Ogre
• mapshaper.org
• Choropleth map is a type of thematic map in which a set of pre-defined areas is colored or patterned in proportion to a statistical variable that represents an aggregate summary of a geographic characteristic within each area
• 階級区分図 は国境や行政区など調査区域が明確であり、統計数値ごとに色調が異なっていることから等値線図と対照的である。地域ごとの違いが明確に可視化できることから、選挙の際に利用されることが多い。
• Cartogram
• 示意地圖 ,又稱比較統計地圖,是將地圖根據統計數據變形的得到示意圖,通常是將各個地理單位的面積擴大或縮小,來表示有關數據的數值。
•
•
• https://bost.ocks.org/mike/example/
• June 9, 2013, Mike Bostock, For Example
• Rotating Orthographic
• Rotating Orthographic (raw)
• Let’s Make a Bubble Map
Lesson 9 Final Project
• .
• .
Interactive, Scrolling Visualisation with D3.js
• How I Created an Interactive, Scrolling Visualisation with D3.js, and how you can too
• Visualisation
• Code (Github Repo)
• .
• An Interactive Visualization of Every Line in Hamilton
• How the Recession Reshaped the Economy, in 255 Charts - The New York Times
• A visual introduction to machine learning
• The Water We Eat - Discover how much WATER we EAT every day
• The Dawn Wall: El Capitan’s Most Unwelcoming Route - The New York Times
• Scrolling In Data Visualization
• .