| Сообщения без ответов | Активные темы |
Текущее время: 2024-11-22 19:12 |
|
Часовой пояс: UTC + 3 часа |
|
Страница 1 из 1 |
[ 1 сообщение ] |
| Пред. тема | След. тема |
[PacktPub.com] Building Responsive Data Visualizations with D3.js [2015, ENG]
| Автор | Сообщение | |||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Постоянный 
Раздал: 1.19 ТБ
Скачал: 949.67 ГБ Ратио: 1.278 Зарегистрирован: 2014-10-13 17:53 Сообщения: 2494 
|
Building Responsive Data Visualizations with D3.js
#777 Год выпуска: 2015 Производитель: Packt Publishing Сайт производителя: packtpub.com Автор: Merrill Cook Продолжительность: 2:08 Тип раздаваемого материала: Видеоклипы Язык: Английский Описание: As part of the user interface, it is important that data visualizations are context aware and should adjust according to screen size, media type, and other similar aspects. To tackle this, it is essential for web developers to ace at both D3 and responsive design using Bootstrap to make visualizations responsive across different viewing platforms. D3 is currently the go-to data visualization library, offering greater integration with web standards, and better customizability than other data visualization libraries available. This video course starts out by describing ways in which D3.js fits into existing web standards to provide data visualization solutions that can be easily integrated. After working through the basic flow of simple visualizations, we’ll start adding features: tooltips, axes, and scales. We’ll take a look at interactivity and transitions. Then we’ll walk through the use of external data sources, including CSV, TSV, JSON, and GeoJSON, which will prepare us for more in-depth visualizations. Further on we’ll tackle responsive design, covering all the basic concepts, and then work our way through a site mockup the old fashioned way, looking for breakpoints and using media queries to provide smooth screen size transitions. Our work with responsive design will then be applied to a number of our early data visualizations. We’ll resume our focus on responsive design later in the course when we’ll cover using Bootstrap and Pym.js, a JavaScript library that enables the embedding of responsive iFrames. The data visualizations we’ll tackle in the final sections of the course will include mapping with Topo and GeoJSON. By the end of this course, you will have an armoury full of tools to create feature-rich data visualizations with D3.js that are responsive on different platforms. Содержание Building Blocks 1 – Noninteractive, Reusable Charts Course Overview Creating a Bar Chart with SVGs Creating a D3 Bar Chart Creating a D3 Line Chart Creating a D3 Scatterplot Building Blocks 2 – Adding Scales, Axes, and Labels Adding Simple Labels Creating Tooltips for Your Visualization Utilizing D3 Scales Adding Axes Responsive Visual Strategies Defining Responsive and Mobile-first Design Using Media Queries and Addressing Breakpoints Choosing a Visualization Style Based on the Media Type Matching the Chart Size with the Container Size Scaling All Visualization Elements Based on Container Size Building Blocks 3 – External Data Sources Integrating CSV Data Getting Data from JSON Building a Map with GeoJSON Building Blocks 4 – Interactivity Using Transitions Filtering Data D3 Layouts Mapping with GeoJSON Setting Up the Basemap Choropleths Adding Tooltips and Legends to Our Map Making It Mobile-first Drawing Maps According to Screen Size Throwing in Bootstrap Integrating Pym into Your Visualization Moving Forward Recapping What We’ve Covered What to Read and Whom to Follow Файлы примеров: отсутствуют Формат видео: MP4 Видео: AVC, 1280x720, 16:9, 30fps, 434kbps Аудио: AAC, 44.1kHz, 128kbps, stereo Скриншоты |
|||||||||||||||||||
| 2015-09-23 02:12 |
|
|||||||||||||||||||
| ||||||||||||||||||||
|
|
Страница 1 из 1 |
[ 1 сообщение ] |
|
Часовой пояс: UTC + 3 часа |
Кто сейчас на конференции |
Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 4 |
| Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете добавлять вложения |
