资源介绍：

Fullstack D3 大师班是 D3 的完整指南。通过显示每个步骤的数十个代码示例，您将通过在这个自定进度的在线课程中创建可视化来获得对数据的新见解

你会学到什么

如何构建您的第一个 D3 图表

信息设计的重要性

如何将 D3 与 Angular 集成

何时使用 D3 – 何时不使用

如何动画和添加交互

如何创建您可以想象的任何可视化

图表以简单、清晰和详细的方式传达想法

熟悉 D3 后，您可以快速：

一目了然地了解关键指标

捕获异常（在它们变成问题之前）

为您的客户提供关键见解

给你的老板和同事留下深刻印象

今天，我将向您展示我使用 D3 创建美观、易于理解的数据可视化的确切方法

课程目录

• code
• course-full
• images
• module_00
• module_01
• module_02
• module_03
• module_04
• module_05
• module_06
• module_07
• module_08
• config.js
• fullstack-d3-book-current-advanced-code
• fullstack-d3-advanced-code
• fullstack-d3-code-latest
• 01-making-your-first-chart
• 02-making-a-scatterplot
• 03-making-a-bar-chart
• 04-animations-and-transitions
• 05-interactions
• 06-making-a-map
• 07-data-visualization-basics
• 08-common-charts
• 09-dashboard-design
• 10-marginal-histogram
• 11-radar-weather-chart
• 12-animated-sankey
• 13-using-d3-with-react-js
• 14-using-d3-with-angular
• d3.v6.js
• favicon.ico
• Inter.var.woff2
• LICENSE.md
• my_weather_data.json
• nyc_weather_data.json
• packages.json
• README.md
• _eslintrc
• fullstack-d3-book-current-advanced
• fullstack-d3-book-current-advanced.mobi
• fullstack-d3-masterclass_1
• 0001 Making Your First Chart
• 0001 Making Your First Chart.srt
• 0001 Making Your First Chart.vtt
• 0002 Loading the weather dataset
• 0002 Loading the weather dataset.srt
• 0002 Loading the weather dataset.vtt
• 0003 Setting up our line chart
• 0003 Setting up our line chart.srt
• 0003 Setting up our line chart.vtt
• 0004 Drawing our chart
• 0004 Drawing our chart.srt
• 0004 Drawing our chart.vtt
• 0005 Creating our workspace
• 0005 Creating our workspace.srt
• 0005 Creating our workspace.vtt
• 0006 Adding an SVG element
• 0006 Adding an SVG element.srt
• 0006 Adding an SVG element.vtt
• 0007 Creating our bounding box
• 0007 Creating our bounding box.srt
• 0007 Creating our bounding box.vtt
• 0008 Creating our scales
• 0008 Creating our scales.srt
• 0008 Creating our scales.vtt
• 0009 Drawing the line
• 0009 Drawing the line.srt
• 0009 Drawing the line.vtt
• 0010 Drawing the axes
• 0010 Drawing the axes.srt
• 0010 Drawing the axes.vtt
• 0011 Making a Scatterplot
• 0011 Making a Scatterplot.srt
• 0011 Making a Scatterplot.vtt
• 0012 Steps in drawing any chart
• 0012 Steps in drawing any chart.srt
• 0012 Steps in drawing any chart.vtt
• 0013 Step 1 Access data
• 0013 Step 1 Access data.srt
• 0013 Step 1 Access data.vtt
• 0014 Step 2 Create chart dimensions
• 0014 Step 2 Create chart dimensions.srt
• 0014 Step 2 Create chart dimensions.vtt
• 0015 Step 3 Draw canvas
• 0015 Step 3 Draw canvas.srt
• 0015 Step 3 Draw canvas.vtt
• 0016 Step 4 Create scales
• 0016 Step 4 Create scales.srt
• 0016 Step 4 Create scales.vtt
• 0017 Step 5 Draw data
• 0017 Step 5 Draw data.srt
• 0017 Step 5 Draw data.vtt
• 0018 Step 6 Draw peripherals
• 0018 Step 6 Draw peripherals.srt
• 0018 Step 6 Draw peripherals.vtt
• 0019 Looking at our chart
• 0019 Looking at our chart.srt
• 0019 Looking at our chart.vtt
• 0020 Extra credit adding a color scale
• 0020 Extra credit adding a color scale.srt
• 0020 Extra credit adding a color scale.vtt
• 0021 Making a Bar Chart
• 0021 Making a Bar Chart.srt
• 0021 Making a Bar Chart.vtt
• 0022 Access data
• 0022 Access data.srt
• 0022 Access data.vtt
• 0023 Create dimensions
• 0023 Create dimensions.srt
• 0023 Create dimensions.vtt
• 0024 Draw canvas
• 0024 Draw canvas.srt
• 0024 Draw canvas.vtt
• 0025 Create scales
• 0025 Create scales.srt
• 0025 Create scales.vtt
• 0026 Draw data
• 0026 Draw data.srt
• 0026 Draw data.vtt
• 0027 Adding Labels
• 0027 Adding Labels.srt
• 0027 Adding Labels.vtt
• 0028 Draw peripherals
• 0028 Draw peripherals.srt
• 0028 Draw peripherals.vtt
• 0029 Extra credit
• 0029 Extra credit.srt
• 0029 Extra credit.vtt
• 0030 Accessibility
• 0030 Accessibility.srt
• 0030 Accessibility.vtt
• 0031 Animations and Transitions
• 0031 Animations and Transitions.srt
• 0031 Animations and Transitions.vtt
• 0032 CSS transitions
• 0032 CSS transitions.srt
• 0032 CSS transitions.vtt
• 0033 CSS transitions with a chart
• 0033 CSS transitions with a chart.srt
• 0033 CSS transitions with a chart.vtt
• 0034 d3 transition
• 0034 d3 transition.srt
• 0034 d3 transition.vtt
• 0035 Lines
• 0035 Lines.srt
• 0035 Lines.vtt
• 0036 Interactions
• 0036 Interactions.srt
• 0036 Interactions.vtt
• 0037 d3 events
• 0037 d3 events.srt
• 0037 d3 events.vtt
• 0038 Destroying d3 event listeners
• 0038 Destroying d3 event listeners.srt
• 0038 Destroying d3 event listeners.vtt
• 0039 Bar chart
• 0039 Bar chart.srt
• 0039 Bar chart.vtt
• 0040 Scatter plot
• 0040 Scatter plot.srt
• 0040 Scatter plot.vtt
• 0041 Line chart
• 0041 Line chart.srt
• 0041 Line chart.vtt
• 0042 Data Visualization Basics
• 0042 Data Visualization Basics.srt
• 0042 Data Visualization Basics.vtt
• 0043 Types of data
• 0043 Types of data.srt
• 0043 Types of data.vtt
• 0044 Ways to visualize a metric
• 0044 Ways to visualize a metric.srt
• 0044 Ways to visualize a metric.vtt
• 0045 Chart design
• 0045 Chart design.srt
• 0045 Chart design.vtt
• 0046 Example redesign
• 0046 Example redesign.srt
• 0046 Example redesign.vtt
• 0047 Color scales
• 0047 Color scales.srt
• 0047 Color scales.vtt
• 0048 Custom color scales
• 0048 Custom color scales.srt
• 0048 Custom color scales.vtt
• 0049 Color spaces
• 0049 Color spaces.srt
• 0049 Color spaces.vtt
• 0050 Color tips
• 0050 Color tips.srt
• 0050 Color tips.vtt
• 0051 Radar Weather Chart
• 0051 Radar Weather Chart.srt
• 0051 Radar Weather Chart.vtt
• 0052 Getting set up
• 0052 Getting set up.srt
• 0052 Getting set up.vtt
• 0053 Adding gridlines
• 0053 Adding gridlines.srt
• 0053 Adding gridlines.vtt
• 0054 Adding freezing
• 0054 Adding freezing.srt
• 0054 Adding freezing.vtt
• 0055 Adding the temperature area
• 0055 Adding the temperature area.srt
• 0055 Adding the temperature area.vtt
• 0056 Adding the UV index marks
• 0056 Adding the UV index marks.srt
• 0056 Adding the UV index marks.vtt
• 0057 Adding the cloud cover bubbles
• 0057 Adding the cloud cover bubbles.srt
• 0057 Adding the cloud cover bubbles.vtt
• 0058 Adding the precipitation bubbles
• 0058 Adding the precipitation bubbles.srt
• 0058 Adding the precipitation bubbles.vtt
• 0059 Adding annotations
• 0059 Adding annotations.srt
• 0059 Adding annotations.vtt
• 0060 Adding the tooltip
• 0060 Adding the tooltip.srt
• 0060 Adding the tooltip.vtt
• 0061 Wrapping up
• 0061 Wrapping up.srt
• 0061 Wrapping up.vtt
• 0062 D3 Javascript Frameworks
• 0062 D3 Javascript Frameworks.srt
• 0062 D3 Javascript Frameworks.vtt
• 0063 React js
• 0063 React js.srt
• 0063 React js.vtt
• 0064 Digging in
• 0064 Digging in.srt
• 0064 Digging in.vtt
• 0065 Creating dimensions in React
• 0065 Creating dimensions in React.srt
• 0065 Creating dimensions in React.vtt
• 0066 Drawing our canvas in React
• 0066 Drawing our canvas in React.srt
• 0066 Drawing our canvas in React.vtt
• 0067 Creating our scales in React
• 0067 Creating our scales in React.srt
• 0067 Creating our scales in React.vtt
• 0068 Drawing our data in React
• 0068 Drawing our data in React.srt
• 0068 Drawing our data in React.vtt
• 0069 Drawing our peripherals in React
• 0069 Drawing our peripherals in React.srt
• 0069 Drawing our peripherals in React.vtt
• 0070 Drawing our peripherals in React take two
• 0070 Drawing our peripherals in React take two.srt
• 0070 Drawing our peripherals in React take two.vtt
• 0071 Setting up interactions in React and wrapping up
• 0071 Setting up interactions in React and wrapping up.srt
• 0071 Setting up interactions in React and wrapping up.vtt
• 0072 Using d3 with Angular js
• 0072 Using d3 with Angular js.srt
• 0072 Using d3 with Angular js.vtt
• 0073 Using d3 with Svelte js
• 0073 Using d3 with Svelte js.srt
• 0073 Using d3 with Svelte js.vtt
• 0074 Shirley Wu
• 0074 Shirley Wu.srt
• 0074 Shirley Wu.vtt
• 0075 Ian Johnson
• 0075 Ian Johnson.srt
• 0075 Ian Johnson.vtt
• 0076 Russell Goldenberg
• 0076 Russell Goldenberg.srt
• 0076 Russell Goldenberg.vtt
• 0077 Will Chase
• 0077 Will Chase.srt
• 0077 Will Chase.vtt