【资源介绍】:
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 2.92kb
| ├──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 597.06kb
| | ├──favicon.ico 5.56kb
| | ├──folders.png 108.73kb
| | ├──Inter.var.woff2 377.61kb
| | ├──LICENSE.md 1.07kb
| | ├──my_weather_data.json 376.12kb
| | ├──nyc_weather_data.json 376.12kb
| | ├──packages.json 0.44kb
| | ├──README.md 2.85kb
| | └──_eslintrc 0.34kb
| ├──fullstack-d3-book-current-advanced.epub 50.25M
| ├──fullstack-d3-book-current-advanced.mobi 132.17M
| └──fullstack-d3-masterclass_1.pdf 56.88M
├──0001 Making Your First Chart.mp4 6.59M
├──0001 Making Your First Chart.srt 3.98kb
├──0001 Making Your First Chart.vtt 2.57kb
├──0002 Loading the weather dataset.mp4 16.01M
├──0002 Loading the weather dataset.srt 11.73kb
├──0002 Loading the weather dataset.vtt 7.75kb
├──0003 Setting up our line chart.mp4 40.62M
├──0003 Setting up our line chart.srt 18.52kb
├──0003 Setting up our line chart.vtt 12.55kb
├──0004 Drawing our chart.mp4 14.72M
├──0004 Drawing our chart.srt 10.18kb
├──0004 Drawing our chart.vtt 6.65kb
├──0005 Creating our workspace.mp4 9.78M
├──0005 Creating our workspace.srt 6.61kb
├──0005 Creating our workspace.vtt 4.17kb
├──0006 Adding an SVG element.mp4 14.79M
├──0006 Adding an SVG element.srt 8.47kb
├──0006 Adding an SVG element.vtt 5.46kb
├──0007 Creating our bounding box.mp4 15.93M
├──0007 Creating our bounding box.srt 8.82kb
├──0007 Creating our bounding box.vtt 5.81kb
├──0008 Creating our scales.mp4 31.73M
├──0008 Creating our scales.srt 17.72kb
├──0008 Creating our scales.vtt 11.96kb
├──0009 Drawing the line.mp4 20.69M
├──0009 Drawing the line.srt 11.71kb
├──0009 Drawing the line.vtt 7.88kb
├──0010 Drawing the axes.mp4 25.68M
├──0010 Drawing the axes.srt 9.94kb
├──0010 Drawing the axes.vtt 6.75kb
├──0011 Making a Scatterplot.mp4 14.59M
├──0011 Making a Scatterplot.srt 3.37kb
├──0011 Making a Scatterplot.vtt 2.24kb
├──0012 Steps in drawing any chart.mp4 9.89M
├──0012 Steps in drawing any chart.srt 4.58kb
├──0012 Steps in drawing any chart.vtt 3.04kb
├──0013 Step 1 Access data.mp4 8.43M
├──0013 Step 1 Access data.srt 3.98kb
├──0013 Step 1 Access data.vtt 2.61kb
├──0014 Step 2 Create chart dimensions.mp4 21.79M
├──0014 Step 2 Create chart dimensions.srt 15.72kb
├──0014 Step 2 Create chart dimensions.vtt 10.67kb
├──0015 Step 3 Draw canvas.mp4 9.51M
├──0015 Step 3 Draw canvas.srt 5.14kb
├──0015 Step 3 Draw canvas.vtt 3.57kb
├──0016 Step 4 Create scales.mp4 14.08M
├──0016 Step 4 Create scales.srt 8.27kb
├──0016 Step 4 Create scales.vtt 5.57kb
├──0017 Step 5 Draw data.mp4 49.10M
├──0017 Step 5 Draw data.srt 29.10kb
├──0017 Step 5 Draw data.vtt 19.23kb
├──0018 Step 6 Draw peripherals.mp4 58.13M
├──0018 Step 6 Draw peripherals.srt 20.58kb
├──0018 Step 6 Draw peripherals.vtt 14.00kb
├──0019 Looking at our chart.mp4 10.42M
├──0019 Looking at our chart.srt 3.68kb
├──0019 Looking at our chart.vtt 2.45kb
├──0020 Extra credit adding a color scale.mp4 32.10M
├──0020 Extra credit adding a color scale.srt 11.54kb
├──0020 Extra credit adding a color scale.vtt 7.74kb
├──0021 Making a Bar Chart.mp4 20.03M
├──0021 Making a Bar Chart.srt 7.56kb
├──0021 Making a Bar Chart.vtt 4.97kb
├──0022 Access data.mp4 6.08M
├──0022 Access data.srt 4.53kb
├──0022 Access data.vtt 2.93kb
├──0023 Create dimensions.mp4 8.83M
├──0023 Create dimensions.srt 5.15kb
├──0023 Create dimensions.vtt 3.44kb
├──0024 Draw canvas.mp4 11.60M
├──0024 Draw canvas.srt 4.42kb
├──0024 Draw canvas.vtt 3.07kb
├──0025 Create scales.mp4 35.73M
├──0025 Create scales.srt 15.79kb
├──0025 Create scales.vtt 10.45kb
├──0026 Draw data.mp4 28.09M
├──0026 Draw data.srt 15.79kb
├──0026 Draw data.vtt 10.45kb
├──0027 Adding Labels.mp4 24.44M
├──0027 Adding Labels.srt 14.25kb
├──0027 Adding Labels.vtt 9.64kb
├──0028 Draw peripherals.mp4 69.21M
├──0028 Draw peripherals.srt 27.61kb
├──0028 Draw peripherals.vtt 18.53kb
├──0029 Extra credit.mp4 30.65M
├──0029 Extra credit.srt 18.02kb
├──0029 Extra credit.vtt 12.25kb
├──0030 Accessibility.mp4 66.25M
├──0030 Accessibility.srt 25.17kb
├──0030 Accessibility.vtt 16.87kb
├──0031 Animations and Transitions.mp4 22.09M
├──0031 Animations and Transitions.srt 6.86kb
├──0031 Animations and Transitions.vtt 4.58kb
├──0032 CSS transitions.mp4 19.48M
├──0032 CSS transitions.srt 13.38kb
├──0032 CSS transitions.vtt 8.84kb
├──0033 CSS transitions with a chart.mp4 27.68M
├──0033 CSS transitions with a chart.srt 16.88kb
├──0033 CSS transitions with a chart.vtt 11.02kb
├──0034 d3 transition.mp4 142.90M
├──0034 d3 transition.srt 42.09kb
├──0034 d3 transition.vtt 28.01kb
├──0035 Lines.mp4 61.27M
├──0035 Lines.srt 21.54kb
├──0035 Lines.vtt 14.18kb
├──0036 Interactions.mp4 12.95M
├──0036 Interactions.srt 2.26kb
├──0036 Interactions.vtt 1.46kb
├──0037 d3 events.mp4 37.47M
├──0037 d3 events.srt 14.20kb
├──0037 d3 events.vtt 9.49kb
├──0038 Destroying d3 event listeners.mp4 11.79M
├──0038 Destroying d3 event listeners.srt 6.15kb
├──0038 Destroying d3 event listeners.vtt 3.94kb
├──0039 Bar chart.mp4 85.57M
├──0039 Bar chart.srt 36.76kb
├──0039 Bar chart.vtt 23.22kb
├──0040 Scatter plot.mp4 152.03M
├──0040 Scatter plot.srt 46.57kb
├──0040 Scatter plot.vtt 31.17kb
├──0041 Line chart.mp4 134.39M
├──0041 Line chart.srt 46.59kb
├──0041 Line chart.vtt 31.27kb
├──0042 Data Visualization Basics.mp4 10.51M
├──0042 Data Visualization Basics.srt 9.15kb
├──0042 Data Visualization Basics.vtt 6.14kb
├──0043 Types of data.mp4 14.73M
├──0043 Types of data.srt 10.45kb
├──0043 Types of data.vtt 7.17kb
├──0044 Ways to visualize a metric.mp4 10.56M
├──0044 Ways to visualize a metric.srt 9.89kb
├──0044 Ways to visualize a metric.vtt 6.53kb
├──0045 Chart design.mp4 6.43M
├──0045 Chart design.srt 6.17kb
├──0045 Chart design.vtt 3.95kb
├──0046 Example redesign.mp4 18.96M
├──0046 Example redesign.srt 16.54kb
├──0046 Example redesign.vtt 11.00kb
├──0047 Color scales.mp4 15.48M
├──0047 Color scales.srt 12.47kb
├──0047 Color scales.vtt 8.33kb
├──0048 Custom color scales.mp4 16.41M
├──0048 Custom color scales.srt 9.32kb
├──0048 Custom color scales.vtt 6.01kb
├──0049 Color spaces.mp4 34.65M
├──0049 Color spaces.srt 20.57kb
├──0049 Color spaces.vtt 13.86kb
├──0050 Color tips.mp4 9.09M
├──0050 Color tips.srt 10.13kb
├──0050 Color tips.vtt 6.62kb
├──0051 Radar Weather Chart.mp4 12.08M
├──0051 Radar Weather Chart.srt 4.76kb
├──0051 Radar Weather Chart.vtt 3.11kb
├──0052 Getting set up.mp4 40.32M
├──0052 Getting set up.srt 13.90kb
├──0052 Getting set up.vtt 9.42kb
├──0053 Adding gridlines.mp4 171.06M
├──0053 Adding gridlines.srt 66.91kb
├──0053 Adding gridlines.vtt 43.24kb
├──0054 Adding freezing.mp4 12.16M
├──0054 Adding freezing.srt 4.39kb
├──0054 Adding freezing.vtt 2.87kb
├──0055 Adding the temperature area.mp4 72.56M
├──0055 Adding the temperature area.srt 24.50kb
├──0055 Adding the temperature area.vtt 16.50kb
├──0056 Adding the UV index marks.mp4 50.64M
├──0056 Adding the UV index marks.srt 15.51kb
├──0056 Adding the UV index marks.vtt 10.40kb
├──0057 Adding the cloud cover bubbles.mp4 39.44M
├──0057 Adding the cloud cover bubbles.srt 15.52kb
├──0057 Adding the cloud cover bubbles.vtt 9.92kb
├──0058 Adding the precipitation bubbles.mp4 46.90M
├──0058 Adding the precipitation bubbles.srt 14.26kb
├──0058 Adding the precipitation bubbles.vtt 9.71kb
├──0059 Adding annotations.mp4 128.03M
├──0059 Adding annotations.srt 37.29kb
├──0059 Adding annotations.vtt 25.32kb
├──0060 Adding the tooltip.mp4 198.77M
├──0060 Adding the tooltip.srt 57.25kb
├──0060 Adding the tooltip.vtt 38.68kb
├──0061 Wrapping up.mp4 2.63M
├──0061 Wrapping up.srt 1.90kb
├──0061 Wrapping up.vtt 1.25kb
├──0062 D3 Javascript Frameworks.mp4 26.23M
├──0062 D3 Javascript Frameworks.srt 5.93kb
├──0062 D3 Javascript Frameworks.vtt 3.76kb
├──0063 React js.mp4 14.48M
├──0063 React js.srt 6.79kb
├──0063 React js.vtt 4.56kb
├──0064 Digging in.mp4 25.24M
├──0064 Digging in.srt 9.94kb
├──0064 Digging in.vtt 6.53kb
├──0065 Creating dimensions in React.mp4 21.74M
├──0065 Creating dimensions in React.srt 8.04kb
├──0065 Creating dimensions in React.vtt 5.16kb
├──0066 Drawing our canvas in React.mp4 30.30M
├──0066 Drawing our canvas in React.srt 11.38kb
├──0066 Drawing our canvas in React.vtt 7.35kb
├──0067 Creating our scales in React.mp4 17.66M
├──0067 Creating our scales in React.srt 6.87kb
├──0067 Creating our scales in React.vtt 4.58kb
├──0068 Drawing our data in React.mp4 26.07M
├──0068 Drawing our data in React.srt 10.63kb
├──0068 Drawing our data in React.vtt 6.96kb
├──0069 Drawing our peripherals in React.mp4 37.07M
├──0069 Drawing our peripherals in React.srt 14.77kb
├──0069 Drawing our peripherals in React.vtt 9.67kb
├──0070 Drawing our peripherals in React take two.mp4 80.50M
├──0070 Drawing our peripherals in React take two.srt 29.78kb
├──0070 Drawing our peripherals in React take two.vtt 19.69kb
├──0071 Setting up interactions in React and wrapping up.mp4 23.96M
├──0071 Setting up interactions in React and wrapping up.srt 8.70kb
├──0071 Setting up interactions in React and wrapping up.vtt 5.63kb
├──0072 Using d3 with Angular js.mp4 39.90M
├──0072 Using d3 with Angular js.srt 15.10kb
├──0072 Using d3 with Angular js.vtt 9.96kb
├──0073 Using d3 with Svelte js.mp4 40.90M
├──0073 Using d3 with Svelte js.srt 15.50kb
├──0073 Using d3 with Svelte js.vtt 10.30kb
├──0074 Shirley Wu.mp4 70.98M
├──0074 Shirley Wu.srt 40.57kb
├──0074 Shirley Wu.vtt 25.82kb
├──0075 Ian Johnson.mp4 67.77M
├──0075 Ian Johnson.srt 45.45kb
├──0075 Ian Johnson.vtt 31.33kb
├──0076 Russell Goldenberg.mp4 57.36M
├──0076 Russell Goldenberg.srt 37.88kb
├──0076 Russell Goldenberg.vtt 24.08kb
├──0077 Will Chase.mp4 159.51M
├──0077 Will Chase.srt 69.15kb
└──0077 Will Chase.vtt 46.96kb