تبلیغات

دوره آموزش D3.js و مصورسازی داده Udacity

دسته بندی ها: آموزش های ویژه ، آموزش طراحی وب ، آموزش های Udacity ، آموزش D3.js ، علم داده (Data Science)

درباره این دوره

اصول مصورسازی داده ها را یاد بگیرید و در برقراری ارتباط با داده ها تمرین کنید. این دوره نحوه استفاده از اصول طراحی، ادراک انسان، تئوری رنگ و داستان پردازی موثر برای مصورسازی داده را در بر می گیرد. اگر داده های خود را به دیگران ارائه می دهید، آرزو می کنید که یک تحلیلگر یا دانشمند داده باشید، یا اگر می خواهید با ابزارهای مصورسازی فنی تر کار کنید، می توانید با این دوره مهارت های خود را ارتقا دهید.

این دوره رویکردهای اکتشافی برای کشف بینش در مورد داده ها را پوشش نمی دهد. درعوض، این دوره بر نحوه رمزگذاری بصری و ارائه داده ها به مخاطب پس از یافتن بینش متمرکز است. 

این دوره بخشی از Data Analyst Nanodegree است.

به مسیر بزرگی بپیوندید

این دوره اولین قدم شما برای رسیدن به حرفه جدید با آشنایی با برنامه نویسی است.

پیش نیازها و الزامات

صرف نظر از پیشینه برنامه نویسی شما، می توانید در مورد مصورسازی و اصول طراحی در درس 1a و درس 2a بدون پیشینه پیشنهادی بیاموزید. 

برای موفقیت در این دوره، شما باید با اصول اولیه برنامه نویسی، از جمله انواع داده ها (رشته ها ، آرایه ها ، booleans و غیره)، دستورهای if else statements و حلقه ها آشنا باشید. همچنین باید بتوانید مفاهیمی مانند توابع و اشیاء را توصیف کنید. 

دانش اولیه در مورد HTML و CSS (ساختن و ایجاد یک صفحه وب) مورد نیاز نیست اما بسیار توصیه می شود. این دوره از این نظر منحصر به فرد است که می توان پروژه نهایی را با استفاده از یا dimple.js یا d3.js تکمیل کرد. استفاده از کتابخانه مصورسازی، dimple.js، آسانتر از d3.js است و به پیش زمینه کمتری نیاز دارد. علاوه بر این، با استفاده از dimple.js بر خلاف d3.js. ، می توانید یک گرافیک با خطوط کمتری از کد ایجاد کنید.

بنابراین چرا باید d3.js را یاد بگیرید؟

اسناد محور داده (d3.js) به شما امکان می دهد تا گرافیکی بسیار سفارشی بسازید. اگر می خواهید مهارت های فنی بیشتری کسب کنید و در مورد Javascript و استانداردهای وب باز اطلاعات بیشتری کسب کنید، برای آمادگی در پروژه نهایی باید درس 3 و درس 4 را کامل کنید. اگر مایل هستید پروژه نهایی را با استفاده از d3.js به پایان برسانید، باید تجربه خواندن و استفاده از مستندات را داشته باشید. به عنوان مثال، شما باید بتوانید یک حلقه را در Javascript کدنویسی کنید یا بتوانید نحو را جستجو کنید تا با رشته ها و آرایه ها در Javascript کار کنید.

چرا این دوره را یاد بگیرم؟

شما مصورسازی داده موجود را تجزیه و تحلیل کرده و موارد جدیدی را برای کسب اطلاعات در مورد این زمینه ایجاد خواهید کرد. در اصل، مصورسازی داده ها نوعی ارتباط است. در این دوره همچنین از ایجاد استانداردهای وب باز (HTML ، CSS و SVG) برای ایجاد مصورسازی داده استفاده می شود.

با این دوره چه دستاوردهایی دارم؟

  • ویدئوهای مدرس دوره
  • یادگیری با انجام تمرینات
  • آموزش با افراد حرفه ای در این صنعت

همچنین می توانید یاد بگیرید که چگونه ...

  • با بهترین نمایش بصری از داده های خود ارتباط برقرار کنید
  • داستان بگویید، بحث و گفتگو کنید و برای خوانندگان اقدام به فراخوانی کنید
  • گرافیک هایی مانند NYTimes و سایر شرکت های رسانه ای طراحی کنید
  • نحوه استفاده از فن آوری های وب باز برای ایجاد یک نمونه کار آنلاین از کار شما
  • برای ایجاد گرافیک از کتابخانه های مصورسازی (dimple.js و D3.js) استفاده کنید

آنچه یاد خواهید گرفت:

درس اول

  • اصول مصورسازی
    • یادگیری عناصر مصورسازی عالی داده
    • آشنایی با کارشناسان مصورسازی داده، یادگیری مصورسازی داده در حوزه علم داده
    • یادگیری نحوه نمایش مقادیر داده به شکل بصری

درس دوم

  • ساخت بلوک ها
    • یادگیری نحوه استفاده از استانداردهای باز وب برای ایجاد عناصر گرافیکی 
    • انتخاب عناصر موجود در صفحه، افزودن عناصر SVG و نحوه استایل کردن عناصر SVG
    • یادداشت های مدرس در خصوص مطالب HTML و CSS

درس سوم

  • اصول طراحی
    • کدام نوع از نمودار برای مجموعه داده استفاده می شود؟
    • رنگ هایی برای جلوگیری از ایجاد گرافیک ها
    • نحوه تعیین اگر گرافیک موثر باشید

درس چهارم

  • Dimple js
    •  استفاده از کتابخانه Dimple JavaScript گرافیک ایجاد کنید.
    •  یادگیری درباره این کتابخانه به عنوان کنویسی پیش از یادگیری در مورد D3.js
    •  تولید گرافیک با کد مینیمال و تعاملی بدون هیچ تلاش اضافی

درس پنجم

  • Narratives
    • یادگیری همکاری ساختارهای مختلف Narrative در مصورسازی های خود
    • یادگیری درباره bias در فرآیند مصورسازی و نحوه افزودن context

درس ششم

  • انیمیشن و تعامل
    • نحوه استفاده از انیمیشن و تعامل برای داشتن بینش های داده در مخاطب
    • نحوه ایجاد bubble map برای مجموعه داده World Cup

 

مصور سازی داده چیست؟

 

تعریف مصور سازی داده

 

مصور سازی داده ها و D3.js - مصور سازی داده خوب

 

هنر تابعی چاقی و آموزش

 

هنر تابعی چاقی و آموزش - راه حل

 

نمودارهای شیب

 

راه حل نمودار شیب

 

سخنان حکیمانه از آکادمی Zipfian

 

آیا این نوشته را دوست داشتید؟
Data Visualization and D3.js Publisher:udacity Author:Ryan Orban , Chris Saden , Jonathan Dinu Level:Intermediate

About this Course

Learn the fundamentals of data visualization and practice communicating with data. This course covers how to apply design principles, human perception, color theory, and effective storytelling to data visualization. If you present data to others, aspire to be an analyst or data scientist, or if you’d like to become more technical with visualization tools, then you can grow your skills with this course.

The course does not cover exploratory approaches to discover insights about data. Instead, the course focuses on how to visually encode and present data to an audience once an insight has been found.

This course is part of the Data Analyst Nanodegree.

Join the Path to Greatness

This course is your first step towards a new career with the Introduction to Programming Program.

Prerequisites and Requirements

Regardless of your programming background, you can learn about data visualization and design principles in Lesson 1a and Lesson 2a without the following recommended background.

To succeed in this course, you should to be familiar with basic programming principles, including data types (strings, arrays, booleans, etc.), if else statements, and for loops. You should also be able to describe concepts like functions and objects. Our Intro to Computer Science and Programming Fundamentals with Python courses are great places to get started.

Basic knowledge of HTML and CSS (structuring and styling a web page) is not required but highly recommended. We suggest taking the Intro to HTML and CSS course if you have no experience with HTML or CSS.

This course is unique in that the final project can be completed using either dimple.js or d3.js. The visualization library, dimple.js, is easier to use than d3.js and requires less background knowledge. Furthermore, a graphic can be created in considerably fewer lines of code using dimple.js as opposed to d3.js.

So why should you learn d3.js?

Data Driven Documents (d3.js) allows you to build highly customized graphics. If you would like to gain more technical skills and learn more about Javascript and open web standards, then you should complete Lesson 3 and Lesson 4 in order to prepare for the final project.

If you would like to complete the final project using d3.js, you should have some experience reading and using documentation. For example, you should be able to code a for loop in Javascript or be able to look up the syntax to work with strings and arrays in Javascript. We recommend taking the Javascript Basics course if you have little to no experience with Javascript.

Why Take This Course

Learn by doing! You will analyze existing data visualization and create new ones to learn about the field. At it’s core, data visualization is a form of communication. Learn how to be a great communicator and how to enable readers to walk away from your graphics with insight and understanding. This course also makes use of open web standards (HTML, CSS, and SVG) to create data visualizations.

WHAT DO I GET?

  • Instructor videos
  • Learn by doing exercises
  • Taught by industry professionals

You can also learn how to...

  • communicate clearly with the best visual representation of your data
  • tell stories, spark discussion, and create calls to actions for readers
  • design graphics like ones from the NYTimes and other media companies
  • how to use open web technologies to create an online portfolio of your work
  • use visualization libraries (dimple.js and D3.js) to create graphics

What You Will Learn:

LESSON 1

  • Visualization Fundamentals
    • Learn about the elements of great data visualization.
    • Meet data visualization experts, learn about data visualization in the context of data science.
    • Learn how to represent data values in visual form.

LESSON 2

  • Building Blocks
    • Learn how to use the open standards of the web to create graphical elements.
    • Select elements on the page, add SVG elements, and how to style SVG elements.
    • Instructor Notes throughout this lesson are available if you have little or no experience with HTML and CSS.

LESSON 3

  • Design Principles
    • Which chart type to use for a data set.
    • Colors to avoid when making graphics.
    • How to determine if a graphic is effective.

LESSON 4

  • Dimple js
    • Create graphics using the Dimple JavaScript library.
    • Learn about this library as a gentle coding introduction before learning about D3.js.
    • Produce great graphics with minimal code and interactivity without any extra effort.

LESSON 5

  • Narratives
    • Learn how to incorporate different narrative structures into your visualizations.
    • Learn about bias in the data visualization process and learn how to add context.

LESSON 6

  • Animation and Interaction
    • Learn how to leverage animation and interaction to bring more data insights to your audience.
    • Learn how to create a bubble map for the World Cup data set.

پیشنهاد فرادرس

خرید لینک های دانلود
  • حجم فایل: 4.5GB
  • زبان: انگلیسی
  • زیرنویس انگلیسی: دارد
  • قیمت: 6000 تومان
  • دوره آموزش D3.js و مصورسازی داده Udacity یک محصول ویژه است و دریافت لینک های دانلود آن با پرداخت هزینه امکان پذیر است. اطلاعات بیشتر