분류 Reactjs

무료 17 시간 과정에서 데이터 시각화 배우기

컨텐츠 정보

  • 조회 308 (작성일 )

본문

Learn Data Visualization in This Free 17-Hour Course 


비즈니스는 점점 데이터 중심이 되고 있으며 이 데이터는 이해하기 쉽도록 시각화 해야 합니다. 데이터 시각화는 많은 기회가 있는 성장하는 분야입니다.


현장에 처음 접하는 사람에게 완벽한 데이터 시각화에 대한 포괄적인 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 시간 시청)에서 전체 과정을 시청하세요.