비즈니스는 점점 데이터 중심이 되고 있으며 이 데이터는 이해하기 쉽도록 시각화 해야 합니다. 데이터 시각화는 많은 기회가 있는 성장하는 분야입니다.
현장에 처음 접하는 사람에게 완벽한 데이터 시각화에 대한 포괄적인 17 시간 과정을 출시했습니다. 이 과정은 D3.js, JavaScript 및 React를 사용하여 데이터를 시각화 하는 데 중점을 둡니다.
Curran Kelleher가이 과정을 개발했습니다. Curran은 이전에 인터넷에서 가장 인기 있는 데이터 시각화 과정 중 하나를 만들었으며 이제는 과정을 완전히 다시 작성하고 개선했습니다. 이 과정은 데이터 시각화를 개발하고 새로운 개발자를 가르치는 그의 광범위한 경험에서 비롯됩니다.
웹 기술을 사용하여 대화 형 데이터 시각화를 개념화, 설계 및 구축하는 방법을 배웁니다.
이 전체 과정에서 다루는 주제 목록은 다음과 같습니다.
What is Data Visualization
Finding Visualizations
Introduction to Web Technologies
Let's Make a Face Part I (HTML, CSS, SVG)
Let's Make a Face Part II (React)
Let's Make a Face Part III (React & D3)
Let's Make a Face Part IV (React Components & ES6)
Let's Make a Face Part V multiple files with ES6 modules
Let's Make a Face Part VI (Compartmentalizing Complexity)
Preparing Data for Visualization
Loading Data with Fetch, Promises, Aync & Await
Interaction With React
Parsing CSV Data with D3
Loading Data in React
Inputs for Visualization: Data & Tasks
Iterating Fast with Vega Lite API
Marks & Channels
Visualizing Data with React & D3
Making a Bar Chart with React & D3
Margins and Axes
Refactoring a Bar Chart
Stylized Bar Chart
Making a Scatter Plot
Working with Time
Making a Line Chart
Preparing Geospatial Data
Making a World Map with React & D3
Menus with React
Scatter Plot with Menus
Polished Scatter Plot with Menus
Scatter Plot with Color
Making a Color Legend
Interactive Color Legend
Points on a Map
Using Size
Missing Migrants
Missing Migrants Part II: Aggregation by Month
Missing Migrants Part III: On a Map
Multiple Views
Why Use Modules
Multiple Views Cleanup
Multiple Views with Brushing
React Performance Optimization
Choropleth Map
Log Scales
Making a Choropleth Map
Basic Line Chart Project
Line Chart with Marker Lines
React & D3 Axes with useRef and D3 axis
Line Chart with Log Scale and Labels
Line Chart with Multiple Colored Lines
Line Chart with Voronoi Overlay
Line Chart with Voronoi Tooltips
Organization Graph Diagram
freeCodeCamp.org YouTube 채널 (17 시간 시청)에서 전체 과정을 시청하세요.