dreatrio: переводы
Interactive Data Visualization for the Web (with d3) / Интерактивная визуализация данных в Интернете (с помощью d3.js)
→Learning to use D3 is simply a process of learning the syntax used to tell it how you want
it to load and bind data, and transform and transition elements.
it to load and bind data, and transform and transition elements.
0 Обучение пользованию D3 это обучение использования синтаксиса, используемый для того, чтобы сказать как вы хотите связать данные, преобразовать и создать эффекты.
→Fundamentally, D3 is an elegant piece of software that facilitates generation and manipulation
of web documents with data. It does this by
• loading data into the browser’s memory
• binding data to elements within the document, creating new elements as needed
• transforming those elements by interpreting each element’s bound datum and setting
its visual properties accordingly, and finally
• transitioning elements between states in response to user input.
of web documents with data. It does this by
• loading data into the browser’s memory
• binding data to elements within the document, creating new elements as needed
• transforming those elements by interpreting each element’s bound datum and setting
its visual properties accordingly, and finally
• transitioning elements between states in response to user input.
0 По сути, D3 это элегантная часть программного обеспечения, которая помогает генерацию и манипуляцию веб-документов с данными. Она делает это путем
- загрузка данных в память браузера
- привязка данных к элементам документа, создание новых элементов по мере необходимости
- трансформация этих элементов, установка связей и визуальных свойств, и наконец
- изменение состояний элементов, в ответ на действия пользователя
- загрузка данных в память браузера
- привязка данных к элементам документа, создание новых элементов по мере необходимости
- трансформация этих элементов, установка связей и визуальных свойств, и наконец
- изменение состояний элементов, в ответ на действия пользователя
→What it Does
0 Что он умеет
→D3’s primary author is the brilliant Mike Bostock, although there are a few other dedicated
contributors. The project is entirely open source and freely available.
D3 is released under a BSD license, so you may use, modify, and adapt the code for
noncommercial or commercial use at no cost.
D3’s official home on the web is d3js.org.
contributors. The project is entirely open source and freely available.
D3 is released under a BSD license, so you may use, modify, and adapt the code for
noncommercial or commercial use at no cost.
D3’s official home on the web is d3js.org.
0 Основным автором D3 является выдающийся Майк Босток (<http://bost.ocks.org/mike/>), хотя он создавал D3 не в одиночку. Проект распространяется с открытым исходным кодом и имеют свободный доступ(https://github.com/mbostock/d3/).
D3 выпущен под лицензией BSD, так что вы можете использовать, модифицировать и адаптировать код для некоммерческого и коммерческого использования на безвозмездной основе.
Официальный сайт D3 - d3js.org.
D3 выпущен под лицензией BSD, так что вы можете использовать, модифицировать и адаптировать код для некоммерческого и коммерческого использования на безвозмездной основе.
Официальный сайт D3 - d3js.org.
→Of course, the name also functions as a clever allusion to the network of technologies
underlying the tool itself: the W3, or World Wide Web, or, today, simply “the web.”
underlying the tool itself: the W3, or World Wide Web, or, today, simply “the web.”
0 Также аббревиатура нам намекает на главную сетевую технологию W3, или World Wide Web, которую сегодня все называют просто "Интернет".
→The abbreviation D3 references the tool’s full name, Data-Driven Documents. The data
is provided by you, and the documents are web-based documents, meaning anything
that can be rendered by a web browser, like HTML and SVG. D3 does the driving, in the
sense that it connects the data to the documents.
is provided by you, and the documents are web-based documents, meaning anything
that can be rendered by a web browser, like HTML and SVG. D3 does the driving, in the
sense that it connects the data to the documents.
0 Аббревиатура D3 образуется из полного имени инструмента Data-Driven Documents (прим. пер. Управление данными документа). Данные вы выбираете сами, а D3 генерирует веб-документ с помощью веб-браузера, опираясь на ваши данные.
→D3 — also referred to as D3 or d3.js — is a JavaScript library for creating data visualizations.
But that kind of undersells it.
But that kind of undersells it.
0 D3 также упоминается как D^3 или d3.js - это библиотека JavaScript для создания визуализации данных. Это говоря простым языком.
→Introducing D3
0 Введение в D3
→Finally, this book has been hand-crafted, carefully written, and pedagogically fine-tuned
for maximum effect. Thank you for reading it. I hope you learn a great deal, and even
have some fun along the way.
for maximum effect. Thank you for reading it. I hope you learn a great deal, and even
have some fun along the way.
0 Наконец, эта книга - ручная работа, тщательно написана и педагогически доработана, для достижения максимального эффекта. Спасибо за ее чтение. Я надеюсь вы узнаете много нового, и вам будет интересен процесс обучения.
→Thank You
0 Спасибо
→Files are organized by chapter, so in Chapter 9 when I reference 01_bar_chart.html,
know that you can find that file in the corresponding location:
d3-book/chapter_9/01_bar_chart.html
You are welcome to copy, adapt, modify and reuse the example code in these tutorials
for any non-commercial purpose.
know that you can find that file in the corresponding location:
d3-book/chapter_9/01_bar_chart.html
You are welcome to copy, adapt, modify and reuse the example code in these tutorials
for any non-commercial purpose.
0 Файлы, организованные по главам, поэтому в главе 9, когда я ссылаюсь на файл 01_bar_chart.html, то вы сможете его найти этот файл здесь:
d3-book/chapter_09/01_bar_chart.html
Вы можете копировать, адаптировать, модифицировать эти примеры кода в любых некоммерческих целях.
d3-book/chapter_09/01_bar_chart.html
Вы можете копировать, адаптировать, модифицировать эти примеры кода в любых некоммерческих целях.
→Normal people will want to click the “Downloads” link, then click again to download
the compressed .zip archive with all the files. Hardcore geeksters will want to clone the
repository using git. If that last sentence sounds like total gibberish, please use the first
option.
Within the download, you’ll notice there is a folder for each chapter that has code to go
with it:
chapter_05
chapter_06
chapter_07
chapter_08
…
the compressed .zip archive with all the files. Hardcore geeksters will want to clone the
repository using git. If that last sentence sounds like total gibberish, please use the first
option.
Within the download, you’ll notice there is a folder for each chapter that has code to go
with it:
chapter_05
chapter_06
chapter_07
chapter_08
…
0 Нормальный человек захочет нажать кнопку "Download ZIP", чтобы скачать все файлы одним архивом. Хардкорные гики захотят клонировать репозиторий с помощью git. Если второй способ для вас прозвучал как бред, пожалуйста, используйте первый способ.
В скаченных файлах вы увидите, что есть папка для каждой главы, которые выглядят так:
chapter_05
chapter_06
chapter_07
chapter_08
…
В скаченных файлах вы увидите, что есть папка для каждой главы, которые выглядят так:
chapter_05
chapter_06
chapter_07
chapter_08
…
→If you are a mad genius, then you can probably learn to use D3 without ever looking at
any sample code files, in which case you can skip the rest of this section.
Since you’re still with me, you are probably still very bright but not mad, in which case
you should undertake this book with the full set of accompanying code samples in hand.
Before you go any further, please download the sample files from here:
https://github.com/alignedleft/d3-book
any sample code files, in which case you can skip the rest of this section.
Since you’re still with me, you are probably still very bright but not mad, in which case
you should undertake this book with the full set of accompanying code samples in hand.
Before you go any further, please download the sample files from here:
https://github.com/alignedleft/d3-book
0 Если вы сумасшедший гений, то вы наверняка сможете научиться использовать D3 даже не глядя на образцы кода. В этом случае вы можете пропустить остаток этого раздела.
Поскольку вы продолжаете это читать, надеюсь вы не в обиде, но при изучении данной книги вы должны иметь полный набор сопутствующих примеров под рукой. Перед тем, как идти дальше, пожалуйста, скачайте файлы примеров отсюда:
<https://github.com/alignedleft/d3-book>
Поскольку вы продолжаете это читать, надеюсь вы не в обиде, но при изучении данной книги вы должны иметь полный набор сопутствующих примеров под рукой. Перед тем, как идти дальше, пожалуйста, скачайте файлы примеров отсюда:
<https://github.com/alignedleft/d3-book>
→Using Sample Code
0 Использование примеров кода
→My goal is to teach you the fundamental concepts and methods of D3. As such, this book
is decidedly not organized around specific example projects. Everyone’s data and design
needs will be different. It’s up to you to integrate these concepts in the way best suited
to your particular project.
is decidedly not organized around specific example projects. Everyone’s data and design
needs will be different. It’s up to you to integrate these concepts in the way best suited
to your particular project.
0 Моя цель научить вас основным понятиям и методам D3. Таким образом, это книга не о конкретных примерах проектов. Данные и дизайн у всех разный. Книга поможет вам интегрировать эти концепции в ваши собственные проекты.
→I will deliberately not address every possible approach to a given problem, but will typically
present what I feel is the simplest solution, or, if not the simplest, then the most
understandable.
present what I feel is the simplest solution, or, if not the simplest, then the most
understandable.
0 Я намеренно не буду рассматривать все подходы к решениям задач, как правило я буду показывать решение, которое на мой взгляд самое простое или же самое понятное.
→That said, this is definitely not a computer science textbook, and it is not intended to
teach the intricacies of any one web technology (HTML, CSS, JavaScript, SVG) in depth.
In that spirit, I may gloss over some technical points, grossly oversimplifying important
concepts fundamental to computer science in ways that will make true software engineers
recoil. That’s fine, because I’m writing for artists and designers here, not engineers.
We’ll cover the basics, and then you can dive into the more complex pieces once you’re
comfortable.
teach the intricacies of any one web technology (HTML, CSS, JavaScript, SVG) in depth.
In that spirit, I may gloss over some technical points, grossly oversimplifying important
concepts fundamental to computer science in ways that will make true software engineers
recoil. That’s fine, because I’m writing for artists and designers here, not engineers.
We’ll cover the basics, and then you can dive into the more complex pieces once you’re
comfortable.
0 Тем не менее, данная книга не является учебником по информатике, и она не предназначена для углубленного изучения любой из веб-технологий (HTML, CSS, JavaScript, SVG).
По этой причине, я буду умалчивать некоторые технические моменты, грубо упрощать важные фундаментальные основы информатики, которые больше нужны для инженеров-программистов. И это верно, поскольку я написал книгу для художников и дизайнеров, а не для инженеров. Мы рассмотрим основы, а затем вы можете погрузиться в изучение более сложных вещей, как только будете к этому готовы.
По этой причине, я буду умалчивать некоторые технические моменты, грубо упрощать важные фундаментальные основы информатики, которые больше нужны для инженеров-программистов. И это верно, поскольку я написал книгу для художников и дизайнеров, а не для инженеров. Мы рассмотрим основы, а затем вы можете погрузиться в изучение более сложных вещей, как только будете к этому готовы.
→What This Book Is Not
0 Чем не является эта книга
→If anything above is unknown or unclear, don’t fear. You may just want to spend more
time with the Technology Fundamentals chapter, which covers what you really need to
know before diving into D3.
time with the Technology Fundamentals chapter, which covers what you really need to
know before diving into D3.
0 Если все, что написано выше вам не знакомо, не бойтесь. Вы можете посвятить побольше времени для главы Основные Технологии, которая охватывает то, что вам действительно пригодится для полноценного изучения D3.
→Whoever you are, I hope that you
• have heard of this new thing called the “World Wide Web”
• are a bit familiar with HTML, the DOM, and CSS
• may even have a little programming experience already
• have heard of jQuery or written some JavaScript before
• aren’t scared by unknown initialisms like CSV, SVG, or JSON
• want to make useful, interactive visualizations
• have heard of this new thing called the “World Wide Web”
• are a bit familiar with HTML, the DOM, and CSS
• may even have a little programming experience already
• have heard of jQuery or written some JavaScript before
• aren’t scared by unknown initialisms like CSV, SVG, or JSON
• want to make useful, interactive visualizations
0 Кем бы вы ни были, я надеюсь, что вы
- Знаете что такое "Всемирная паутина"
- Немного знакомы с HTML, DOM и CSS
- Возможно уже имеете небольшой опыт программирования
- Слышали о jQuery или раньше немного писали на JavaScript
- Не испугаетесь новый аббревиатур CSV, SVG и JSON
- Хотите сделать полезные интерактивные визуализации
- Знаете что такое "Всемирная паутина"
- Немного знакомы с HTML, DOM и CSS
- Возможно уже имеете небольшой опыт программирования
- Слышали о jQuery или раньше немного писали на JavaScript
- Не испугаетесь новый аббревиатур CSV, SVG и JSON
- Хотите сделать полезные интерактивные визуализации
Резюме
- Пол:
- мужчина
- Родной язык:
- русский
- С нами:
-
с 17 февраля 2010 г.
(6088 дней)
Не является членом клуба. - Деятельность:
-
48 версий перевода
с общим рейтингом 0
Карма: 1 (оценок: 1)