fix(guide): simplify directory structure

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Add a Hover Effect to a D3 Element
+localeTitle: Добавить эффект наведения на элемент D3
+---
+## Добавить эффект наведения на элемент D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-a-hover-effect-to-a-d3-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Add a Tooltip to a D3 Element
+localeTitle: Добавление всплывающей подсказки к элементу D3
+---
+## Добавление всплывающей подсказки к элементу D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-a-tooltip-to-a-d3-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Attributes to the Circle Elements
+localeTitle: Добавить атрибуты элементов круга
+---
+## Добавить атрибуты элементов круга
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-attributes-to-the-circle-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-axes-to-a-visualization/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Axes to a Visualization
+localeTitle: Добавление осей к визуализации
+---
+## Добавление осей к визуализации
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-axes-to-a-visualization/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-classes-with-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Classes with D3
+localeTitle: Добавить классы с D3
+---
+## Добавить классы с D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-classes-with-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-document-elements-with-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Document Elements with D3
+localeTitle: Добавление элементов документа с помощью D3
+---
+## Добавление элементов документа с помощью D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-document-elements-with-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-inline-styling-to-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Inline Styling to Elements
+localeTitle: Добавить встроенный стиль в элементы
+---
+## Добавить встроенный стиль в элементы
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-inline-styling-to-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-labels-to-d3-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Labels to D3 Elements
+localeTitle: Добавить ярлыки в элементы D3
+---
+## Добавить ярлыки в элементы D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-labels-to-d3-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles/index.md

@@ -0,0 +1,9 @@
+---
+title: Add Labels to Scatter Plot Circles
+localeTitle: Добавить ярлыки в круги кругов рассеяния
+---
+## Добавить ярлыки в круги кругов рассеяния
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/change-styles-based-on-data/index.md

@@ -0,0 +1,49 @@
+---
+title: Change Styles Based on Data
+localeTitle: Изменение стилей на основе данных
+---
+## Изменение стилей на основе данных
+
+Напомните себе еще раз, какова функция обратного вызова с [этим](https://codeburst.io/javascript-what-the-heck-is-a-callback-aba4da2deced)
+
+Существует два способа завершить эту часть: либо с логикой if-else, либо с тройным оператором.
+
+**логика if-else**
+
+Пример из [w3school](https://www.w3schools.com/js/js_if_else.asp)
+
+\`\` \`Javascript
+
+const money = 50;
+
+если (деньги <50) {
+
+возвращение «Я богатый»;
+
+}
+
+else {
+
+верните «Я бедный»;
+
+}
+```
+What you need to remember is the bracket that the if-else logic associate with, (argument) and {statement} 
+ 
+ **Try Yourself Now**  👩‍💻👨‍💻 
+ 
+ 
+ 
+ **Ternary operator** 
+ 
+ A more detailed explanation [here](https://codeburst.io/javascript-the-conditional-ternary-operator-explained-cac7218beeff). Ternary operator is a lot more concise and quicker to remember for a simple true or false statement. Read [this](https://www.thoughtco.com/javascript-by-example-use-of-the-ternary-operator-2037394) 
+```
+
+Javascript
+
+состояние ? value if true: значение if false
+```
+For someone who still not sure here is a solution by using If-else statement 
+```
+
+Javascript .style ("color", (d) => { если (d <20) { return 'red' } else { return 'green' } }) \`\` \`

guide/russian/certifications/data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element/index.md

@@ -0,0 +1,9 @@
+---
+title: Change the Color of an SVG Element
+localeTitle: Изменение цвета элемента SVG
+---
+## Изменение цвета элемента SVG
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/change-the-color-of-an-svg-element/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart/index.md

@@ -0,0 +1,9 @@
+---
+title: Change the Presentation of a Bar Chart
+localeTitle: Изменение презентации диаграммы
+---
+## Изменение презентации диаграммы
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/change-the-presentation-of-a-bar-chart/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set/index.md

@@ -0,0 +1,9 @@
+---
+title: Create a Bar for Each Data Point in the Set
+localeTitle: Создайте панель для каждой точки данных в наборе
+---
+## Создайте панель для каждой точки данных в наборе
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Create a Linear Scale with D3
+localeTitle: Создайте линейную шкалу с D3
+---
+## Создайте линейную шкалу с D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/create-a-linear-scale-with-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles/index.md

@@ -0,0 +1,9 @@
+---
+title: Create a Scatterplot with SVG Circles
+localeTitle: Создайте Scatterplot с кругами SVG
+---
+## Создайте Scatterplot с кругами SVG
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/create-a-scatterplot-with-svg-circles/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/display-shapes-with-svg/index.md

@@ -0,0 +1,9 @@
+---
+title: Display Shapes with SVG
+localeTitle: Отображать фигуры с помощью SVG
+---
+## Отображать фигуры с помощью SVG
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/display-shapes-with-svg/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar/index.md

@@ -0,0 +1,9 @@
+---
+title: Dynamically Change the Height of Each Bar
+localeTitle: Динамическое изменение высоты каждой панели
+---
+## Динамическое изменение высоты каждой панели
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/dynamically-change-the-height-of-each-bar/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar/index.md

@@ -0,0 +1,9 @@
+---
+title: Dynamically Set the Coordinates for Each Bar
+localeTitle: Динамически устанавливать координаты для каждого бара
+---
+## Динамически устанавливать координаты для каждого бара
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/dynamically-set-the-coordinates-for-each-bar/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/index.md

@@ -0,0 +1,11 @@
+---
+title: Data Visualization with D3
+localeTitle: Визуализация данных с D3
+---
+## Визуализация данных с D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/mathematics/quadratic-equations/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .
+
+#### Дополнительная информация:

guide/russian/certifications/data-visualization/data-visualization-with-d3/invert-svg-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Invert SVG Elements
+localeTitle: Инвертировать элементы SVG
+---
+## Инвертировать элементы SVG
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/invert-svg-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/learn-about-svg-in-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Learn About SVG in D3
+localeTitle: Узнайте о SVG в D3
+---
+## Узнайте о SVG в D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/learn-about-svg-in-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Select a Group of Elements with D3
+localeTitle: Выберите группу элементов с D3
+---
+## Выберите группу элементов с D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/select-a-group-of-elements-with-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale/index.md

@@ -0,0 +1,9 @@
+---
+title: Set a Domain and a Range on a Scale
+localeTitle: Установка домена и диапазона по шкале
+---
+## Установка домена и диапазона по шкале
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/set-a-domain-and-a-range-on-a-scale/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/style-d3-labels/index.md

@@ -0,0 +1,9 @@
+---
+title: Style D3 Labels
+localeTitle: Стильные этикетки D3
+---
+## Стильные этикетки D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/style-d3-labels/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically/index.md

@@ -0,0 +1,9 @@
+---
+title: Update the Height of an Element Dynamically
+localeTitle: Обновление высоты элемента динамически
+---
+## Обновление высоты элемента динамически
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/update-the-height-of-an-element-dynamically/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements/index.md

@@ -0,0 +1,9 @@
+---
+title: Use a Pre-Defined Scale to Place Elements
+localeTitle: Используйте предварительно заданную шкалу для размещения элементов
+---
+## Используйте предварительно заданную шкалу для размещения элементов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/use-a-pre-defined-scale-to-place-elements/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/use-dynamic-scales/index.md

@@ -0,0 +1,9 @@
+---
+title: Use Dynamic Scales
+localeTitle: Использование динамических весов
+---
+## Использование динамических весов
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/use-dynamic-scales/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset/index.md

@@ -0,0 +1,9 @@
+---
+title: Use the d3.max and d3.min Functions to Find Minimum and Maximum Values in a Dataset
+localeTitle: Используйте функции d3.max и d3.min для поиска минимальных и максимальных значений в наборе данных
+---
+## Используйте функции d3.max и d3.min для поиска минимальных и максимальных значений в наборе данных
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/use-the-d3.max-and-d3.min-functions-to-find-minimum-and-maximum-values-in-a-dataset/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/work-with-data-in-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Work with Data in D3
+localeTitle: Работа с данными в D3
+---
+## Работа с данными в D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/work-with-data-in-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .

guide/russian/certifications/data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3/index.md

@@ -0,0 +1,9 @@
+---
+title: Work with Dynamic Data in D3
+localeTitle: Работа с динамическими данными в D3
+---
+## Работа с динамическими данными в D3
+
+Это заглушка. [Помогите нашему сообществу расширить его](https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/data-visualization/data-visualization-with-d3/work-with-dynamic-data-in-d3/index.md) .
+
+[Это руководство по быстрому стилю поможет вам принять ваш запрос на тягу](https://github.com/freecodecamp/guides/blob/master/README.md) .