Урок №2. Создание простого документа с использованием D3.js

Степень завершённости урока: 20%

Создадим стандартный шаблон HTML5-документа и подключим файл d3.js.

КОД:

<!DOCTYPE html>
<html>
   <head>
      <meta charset=utf-8>
      <script src="d3.js"></script>
      <title>Пример использования D3.js</title>
   </head>
   <body>
   </body>
</html>

Наша веб-страница пока пустая. Поэтому добавим строчки кода, которые выведут текст на страницу.

КОД:


<script>
   d3.select("body").append("h1").text("Пример");
</script>

Полностью код выглядит следующим образом:

КОД:

<!DOCTYPE html>
<html>
   <head>
      <meta charset=utf-8>
      <script src="d3.js"></script>
      <title>Пример использования D3.js</title>
   </head>
   <body>
      <script>
         d3.select("body").append("h1").text("Пример");
      </script>
   </body>
</html>

Результат работы кода в браузере на снимке ниже.

Страница обновлена 14 января 2024 года.