آموزش تجسم داده با D3.js

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• استفاده از تمرینات این دوره Using the exercises for this course

1. شروع کار 1. Getting Started

• D3 چیست؟ What is D3?

• با استفاده از گزینه های D3 Using D3 selections

• کنترل HTML در انتخاب ها Controlling HTML within selections

• اصلاح ویژگی ها از طریق CSS Modifying attributes through CSS

• اتصال داده به DOM Binding data to the DOM

• ایجاد زیر مجموعه ها Creating subselections

2. درک گرافیک SVG 2. Understanding SVG Graphics

• طراحی با SVG Drawing with SVG

• درک بدوی SVG Understanding SVG primitives

• رسم گرافیک SVG با D3 Drawing SVG graphics with D3

• ایجاد نمودار نوار SVG ساده Creating a simple SVG bar chart

3. با استفاده از روشهای D3 3. Using D3 Methods

• افزودن مقیاس خطی Adding a linear scale

• با استفاده از مقیاس های معمولی Using ordinal scales

• ایجاد مقیاس های رنگی معنی دار Creating meaningful color scales

• افزودن رویدادها Adding events

• با استفاده از انتقال و انیمیشن Using transitions and animations

• افزودن یک ابزار ابزار Adding a tooltip

4- استفاده از داده 4. Using Data

• با استفاده از داده های خارجی Using external data

• استفاده از رنگهای معنی دار Using meaningful colors

• اضافه کردن یک راهنمای ساده Adding a simple guide

• ایجاد حاشیه ها Creating margins

• اضافه کردن یک راهنمای مبتنی بر زمان Adding a time-based guide

نتیجه Conclusion

• مراحل بعدی Next steps