{"id":190921,"date":"2024-11-26T06:48:00","date_gmt":"2024-11-26T05:48:00","guid":{"rendered":"https:\/\/datascientest.com\/en\/?p=190921"},"modified":"2024-11-26T11:49:19","modified_gmt":"2024-11-26T10:49:19","slug":"all-about-d3-js","status":"publish","type":"post","link":"https:\/\/datascientest.com\/en\/all-about-d3-js","title":{"rendered":"D3.js: What is this JavaScript library?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"190921\" class=\"elementor elementor-190921\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb9c6e1 e-flex e-con-boxed e-con\" data-id=\"fb9c6e1\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3ca53d elementor-widget elementor-widget-text-editor\" data-id=\"d3ca53d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><strong>D3.js (Data-Driven Documents) is a JavaScript library that enables the creation of interactive and dynamic graphics directly in the browser by manipulating HTML, SVG, or CSS elements. This library provides great flexibility and control over visual rendering, allowing for the transformation of complex datasets into impressive and customized visualizations.<\/strong><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e03ddc e-flex e-con-boxed e-con\" data-id=\"5e03ddc\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26f7641 elementor-widget elementor-widget-heading\" data-id=\"26f7641\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\">Main Features of D3.js<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-822e628 elementor-widget elementor-widget-text-editor\" data-id=\"822e628\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Flexibility:<\/b><span style=\"font-weight: 400;\"> Unlike other visualization libraries, D3.js does not impose predefined structures. You have full control over how your data is represented.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>High performance:<\/b><span style=\"font-weight: 400;\"> By directly manipulating the DOM (Document Object Model) and utilizing the browser&#8217;s native capabilities, D3.js offers optimal performance for complex visualizations.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Active community:<\/b><span style=\"font-weight: 400;\"> With a vast community, there are numerous plugins, add-ons, and tutorials to help you get started.<\/span><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abb832e e-flex e-con-boxed e-con\" data-id=\"abb832e\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-533a71c elementor-widget elementor-widget-heading\" data-id=\"533a71c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Why Use D3.js?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a873698 elementor-widget elementor-widget-text-editor\" data-id=\"a873698\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">If you want to create custom visualizations that exceed the ordinary, D3.js is the perfect tool for you. Here are several reasons why you should consider using it:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6e4a59 elementor-widget elementor-widget-html\" data-id=\"b6e4a59\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style type=\"text\/css\">\r\n.tg  {border-collapse:collapse;border-spacing:0;}\r\n.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Rubik, sans-serif;font-size:14px;\r\n  overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Rubik, sans-serif;font-size:14px;\r\n  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}\r\n.tg .tg-br1o{background-color:#ffffff;font-family:Rubik, Helvetica, sans-serif !important;font-size:18px;text-align:left;\r\n  vertical-align:middle}\r\n.tg .tg-fbhe{background-color:#c0c0c0;font-family:Rubik, Helvetica, sans-serif !important;font-size:18px;font-weight:bold;\r\n  text-align:left;vertical-align:middle}\r\n.tg .tg-nkdd{background-color:#c0c0c0;text-align:center;vertical-align:middle}\r\n<\/style>\r\n<table class=\"tg\" style=\"undefined;table-layout: fixed; width: 700px\"><colgroup>\r\n<col style=\"width: 100px\">\r\n<col style=\"width: 250px\">\r\n<col style=\"width: 350px\">\r\n<\/colgroup>\r\n<thead>\r\n  <tr>\r\n    <th class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image6-2.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/th>\r\n    <th class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Flexibility and Customization<\/span><\/th>\r\n    <th class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">D3.js grants complete control to build any visualization based on your specific data.<\/span><\/th>\r\n  <\/tr><\/thead>\r\n<tbody>\r\n  <tr>\r\n    <td class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image7-1.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/td>\r\n    <td class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Performance for Massive Data<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">This library is optimized to efficiently handle large datasets without sacrificing smooth performance.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image3-2.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/td>\r\n    <td class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Integration with Web Standards and Other Frameworks<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">D3.js is based on standard web technologies such as HTML, CSS, or SVG, making it easy to integrate into your current projects. It can also be used in conjunction with other frameworks like React, Angular, or Vue.js.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image4-2.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/td>\r\n    <td class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Interactivity<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">A standout feature of D3.js is its capability to generate highly interactive visuals that captivate users.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image1-3.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/td>\r\n    <td class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Ecosystem and Community<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">With a large community of developers and analysts, D3.js enjoys abundant support and resources.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image2-2.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/td>\r\n    <td class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Modularity<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">This allows you to utilize only the modules you require. It also enables the creation of reusable components from one project to another.<\/span><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td class=\"tg-nkdd\"><img decoding=\"async\" src=\"https:\/\/datascientest.com\/wp-content\/uploads\/2024\/09\/image9-1.png\" alt=\"Image\" width=\"100\" height=\"100\"><\/td>\r\n    <td class=\"tg-fbhe\"><span style=\"font-weight:700;font-style:normal;text-decoration:none;color:#000\">Real-Time<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">You can craft visualizations that update in real time, perfect for dashboards and monitoring applications.<\/span><\/td>\r\n  <\/tr>\r\n<\/tbody><\/table>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4524dce elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"4524dce\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/datascientest.com\/en\/data-courses\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn all about the D3.js library<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b10d1d0 e-flex e-con-boxed e-con\" data-id=\"b10d1d0\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73e5339 elementor-widget elementor-widget-heading\" data-id=\"73e5339\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Getting Started with D3.js<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7ca773 elementor-widget elementor-widget-heading\" data-id=\"a7ca773\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Installation<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01fb597 elementor-widget elementor-widget-text-editor\" data-id=\"01fb597\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">To begin, you can include D3.js in your project using a CDN:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71bb6b1 elementor-widget elementor-widget-code-highlight\" data-id=\"71bb6b1\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645a2b5 elementor-widget elementor-widget-text-editor\" data-id=\"645a2b5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Or with npm:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a212912 elementor-widget elementor-widget-code-highlight\" data-id=\"a212912\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>npm install d3<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1c0c33 elementor-widget elementor-widget-heading\" data-id=\"b1c0c33\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-medium\">Simple Example: A Bar Chart<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e245a03 elementor-widget elementor-widget-text-editor\" data-id=\"e245a03\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The following code helps you create a simple bar chart:<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06a094c elementor-widget elementor-widget-code-highlight\" data-id=\"06a094c\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript \">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<meta charset=\"utf-8\">\r\n<body>\r\n  <script src=\"https:\/\/d3js.org\/d3.v7.min.js\"><\/script>\r\n  <script>\r\n    const data = [30, 86, 168, 281, 303, 365];\r\n\r\n    d3.select(\"body\")\r\n      .selectAll(\"div\")\r\n      .data(data)\r\n      .enter().append(\"div\")\r\n      .style(\"width\", d => d + \"px\")\r\n      .style(\"background-color\", \"steelblue\")\r\n      .style(\"color\", \"white\")\r\n      .style(\"margin\", \"5px\")\r\n      .text(d => d);\r\n  <\/script>\r\n<\/body><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e23fa30 e-flex e-con-boxed e-con\" data-id=\"e23fa30\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99306a3 elementor-widget elementor-widget-heading\" data-id=\"99306a3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Inspiring Examples of Visuals Created with D3.js<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-092d90e elementor-widget elementor-widget-text-editor\" data-id=\"092d90e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><b>Interactive Choropleth Map:<\/b><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a70502d elementor-widget elementor-widget-image\" data-id=\"a70502d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 02-08-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"630\" height=\"360\" src=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/Carte-chloroplethe-interactive-D3.js_.webp\" class=\"attachment-full size-full wp-image-190926\" alt=\"\" srcset=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/Carte-chloroplethe-interactive-D3.js_.webp 630w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Carte-chloroplethe-interactive-D3.js_-300x171.webp 300w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Source : <a href=\"https:\/\/observablehq.com\/\">https:\/\/observablehq.com\/<\/a><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7439781 elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"7439781\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/datascientest.com\/en\/data-courses\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Discover our courses<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c77808 elementor-widget elementor-widget-text-editor\" data-id=\"0c77808\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><b>Bollinger bands :<\/b><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbdf64 elementor-widget elementor-widget-image\" data-id=\"6fbdf64\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"911\" height=\"598\" src=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/Bandes-bollinger-D3.js_.webp\" class=\"attachment-full size-full wp-image-190925\" alt=\"\" srcset=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/Bandes-bollinger-D3.js_.webp 911w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Bandes-bollinger-D3.js_-300x197.webp 300w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Bandes-bollinger-D3.js_-768x504.webp 768w\" sizes=\"(max-width: 911px) 100vw, 911px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Source : <a href=\"https:\/\/observablehq.com\/\">https:\/\/observablehq.com\/<\/a><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-262ac79 elementor-widget elementor-widget-text-editor\" data-id=\"262ac79\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><b>Horizon charts :<\/b><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5bb4b9e elementor-widget elementor-widget-image\" data-id=\"5bb4b9e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1890\" height=\"323\" src=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/Horizon-Charts-D3.js-2.webp\" class=\"attachment-full size-full wp-image-190924\" alt=\"\" srcset=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/Horizon-Charts-D3.js-2.webp 1890w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Horizon-Charts-D3.js-2-300x51.webp 300w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Horizon-Charts-D3.js-2-1024x175.webp 1024w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Horizon-Charts-D3.js-2-768x131.webp 768w, https:\/\/datascientest.com\/en\/files\/2024\/10\/Horizon-Charts-D3.js-2-1536x263.webp 1536w\" sizes=\"(max-width: 1890px) 100vw, 1890px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">Source : <a href=\"https:\/\/observablehq.com\/\">https:\/\/observablehq.com\/<\/a><\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2486d9 e-flex e-con-boxed e-con\" data-id=\"f2486d9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59fb304 elementor-widget elementor-widget-heading\" data-id=\"59fb304\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c5ef3f elementor-widget elementor-widget-text-editor\" data-id=\"3c5ef3f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">D3.js is a <\/span><b>powerful library<\/b><span style=\"font-weight: 400;\"> that provides unparalleled flexibility for <a href=\"https:\/\/datascientest.com\/en\/getting-started-with-power-bi-online-your-introduction-to-data-visualization\">data visualization<\/a>. The complete D3.js documentation is available on <a href=\"https:\/\/d3js.org\/\">the official website<\/a>, which also includes a gallery showcasing the library&#8217;s capabilities.<\/span><\/p><p><span style=\"font-weight: 400;\">Additionally, this library supports efficient animation management, offering smooth transitions between different data states. This allows for the creation of <\/span><b>dynamic and engaging visualizations<\/b><span style=\"font-weight: 400;\">, making it ideal for showcasing trends, comparisons, or enhancing data comprehension, even for non-technical users.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1a33c5 elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"b1a33c5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/datascientest.com\/en\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Join DataScientest<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67e1aec e-flex e-con-boxed e-con\" data-id=\"67e1aec\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-789a965 elementor-widget elementor-widget-html\" data-id=\"789a965\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What is D3.js?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D3.js (Data-Driven Documents) is a powerful JavaScript library used for producing dynamic and interactive data visualizations on the web. It allows for manipulating data-driven documents using standards like SVG, HTML, and CSS to create charts, maps, and interactive tables.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What are the advantages of D3.js?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D3.js offers great flexibility by allowing developers to create fully customized visualizations tailored to the specific needs of an application. It supports dynamic interactions with real-time data, integrates well with other libraries and tools, and uses web standards such as SVG and the DOM.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"What types of visualizations can be created with D3.js?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"With D3.js, it is possible to create a variety of data visualizations, including bar charts, line graphs, scatter plots, geographic maps, pie charts, histograms, as well as more complex representations such as treemaps or network diagrams.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"Is D3.js difficult to learn for beginners?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D3.js can have a steeper learning curve than other visualization libraries due to its flexibility and its approach based on web standards like SVG and the DOM. However, with basic knowledge of JavaScript and DOM manipulation, it is possible to gradually learn D3.js through tutorials and practical examples.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>D3.js (Data-Driven Documents) is a JavaScript library that enables the creation of interactive and dynamic graphics directly in the browser by manipulating HTML, SVG, or CSS elements. This library provides great flexibility and control over visual rendering, allowing for the transformation of complex datasets into impressive and customized visualizations. Main Features of D3.js Flexibility: Unlike [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":190923,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[2425],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.7 (Yoast SEO v21.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>D3.js: What is this JavaScript library?<\/title>\n<meta name=\"description\" content=\"Discover D3.js, a powerful JavaScript library for data visualization, allowing you to create interactive and dynamic charts from data, leveraging web standards such as SVG, HTML, and CSS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/datascientest.com\/en\/all-about-d3-js\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D3.js: What is this JavaScript library?\" \/>\n<meta property=\"og:description\" content=\"D3.js (Data-Driven Documents) is a JavaScript library that enables the creation of interactive and dynamic graphics directly in the browser by\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datascientest.com\/en\/all-about-d3-js\" \/>\n<meta property=\"og:site_name\" content=\"Data Science Courses | DataScientest\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataScientestEN\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-26T05:48:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-26T10:49:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datascientest.com\/en\/files\/2024\/10\/D3.js_datascientest.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Daniel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:site\" content=\"@DataScientest__\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/datascientest.com\/en\/all-about-d3-js#article\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/en\/all-about-d3-js\"},\"author\":{\"name\":\"Daniel\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\"},\"headline\":\"D3.js: What is this JavaScript library?\",\"datePublished\":\"2024-11-26T05:48:00+00:00\",\"dateModified\":\"2024-11-26T10:49:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/datascientest.com\/en\/all-about-d3-js\"},\"wordCount\":464,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/en\/#organization\"},\"articleSection\":[\"Data Science\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/datascientest.com\/en\/all-about-d3-js#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/datascientest.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datascientest.com\/en\/all-about-d3-js\",\"url\":\"https:\/\/datascientest.com\/en\/all-about-d3-js\",\"name\":\"D3.js: What is this JavaScript library?\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/en\/#website\"},\"datePublished\":\"2024-11-26T05:48:00+00:00\",\"dateModified\":\"2024-11-26T10:49:19+00:00\",\"description\":\"Discover D3.js, a powerful JavaScript library for data visualization, allowing you to create interactive and dynamic charts from data, leveraging web standards such as SVG, HTML, and CSS.\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datascientest.com\/en\/all-about-d3-js\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datascientest.com\/en\/#website\",\"url\":\"https:\/\/datascientest.com\/en\/\",\"name\":\"Data Science Courses | DataScientest\",\"description\":\"Leader in Data Science Courses\",\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datascientest.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/datascientest.com\/en\/#organization\",\"name\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"contentUrl\":\"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"width\":301,\"height\":301,\"caption\":\"DataScientest\"},\"image\":{\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DataScientestEN\",\"https:\/\/twitter.com\/DataScientest__\",\"https:\/\/www.linkedin.com\/school\/datascientest\/mycompany\/\",\"https:\/\/www.tiktok.com\/@datascientest\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\",\"name\":\"Daniel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/datascientest.com\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g\",\"caption\":\"Daniel\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/school\/datascientest\/\",\"user\"],\"jobTitle\":\"ing\u00e9nieur logiciel\",\"worksFor\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/en\/author\/team-redac\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D3.js: What is this JavaScript library?","description":"Discover D3.js, a powerful JavaScript library for data visualization, allowing you to create interactive and dynamic charts from data, leveraging web standards such as SVG, HTML, and CSS.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/datascientest.com\/en\/all-about-d3-js","og_locale":"en_GB","og_type":"article","og_title":"D3.js: What is this JavaScript library?","og_description":"D3.js (Data-Driven Documents) is a JavaScript library that enables the creation of interactive and dynamic graphics directly in the browser by","og_url":"https:\/\/datascientest.com\/en\/all-about-d3-js","og_site_name":"Data Science Courses | DataScientest","article_publisher":"https:\/\/www.facebook.com\/DataScientestEN","article_published_time":"2024-11-26T05:48:00+00:00","article_modified_time":"2024-11-26T10:49:19+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/datascientest.com\/en\/files\/2024\/10\/D3.js_datascientest.webp","type":"image\/webp"}],"author":"Daniel","twitter_card":"summary_large_image","twitter_creator":"@DataScientest__","twitter_site":"@DataScientest__","twitter_misc":{"Written by":"Daniel","Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/datascientest.com\/en\/all-about-d3-js#article","isPartOf":{"@id":"https:\/\/datascientest.com\/en\/all-about-d3-js"},"author":{"name":"Daniel","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0"},"headline":"D3.js: What is this JavaScript library?","datePublished":"2024-11-26T05:48:00+00:00","dateModified":"2024-11-26T10:49:19+00:00","mainEntityOfPage":{"@id":"https:\/\/datascientest.com\/en\/all-about-d3-js"},"wordCount":464,"commentCount":0,"publisher":{"@id":"https:\/\/datascientest.com\/en\/#organization"},"articleSection":["Data Science"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/datascientest.com\/en\/all-about-d3-js#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/datascientest.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/datascientest.com\/en\/all-about-d3-js","url":"https:\/\/datascientest.com\/en\/all-about-d3-js","name":"D3.js: What is this JavaScript library?","isPartOf":{"@id":"https:\/\/datascientest.com\/en\/#website"},"datePublished":"2024-11-26T05:48:00+00:00","dateModified":"2024-11-26T10:49:19+00:00","description":"Discover D3.js, a powerful JavaScript library for data visualization, allowing you to create interactive and dynamic charts from data, leveraging web standards such as SVG, HTML, and CSS.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datascientest.com\/en\/all-about-d3-js"]}]},{"@type":"WebSite","@id":"https:\/\/datascientest.com\/en\/#website","url":"https:\/\/datascientest.com\/en\/","name":"Data Science Courses | DataScientest","description":"Leader in Data Science Courses","publisher":{"@id":"https:\/\/datascientest.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datascientest.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/datascientest.com\/en\/#organization","name":"DataScientest","url":"https:\/\/datascientest.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png","contentUrl":"https:\/\/datascientest.com\/en\/wp-content\/blogs.dir\/9\/files\/2024\/02\/DataScientest_icon_blue-2.png","width":301,"height":301,"caption":"DataScientest"},"image":{"@id":"https:\/\/datascientest.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataScientestEN","https:\/\/twitter.com\/DataScientest__","https:\/\/www.linkedin.com\/school\/datascientest\/mycompany\/","https:\/\/www.tiktok.com\/@datascientest"]},{"@type":"Person","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0","name":"Daniel","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/datascientest.com\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/837acad4f2dc47e85d81cce837261670?s=96&d=mm&r=g","caption":"Daniel"},"sameAs":["https:\/\/www.linkedin.com\/school\/datascientest\/","user"],"jobTitle":"ing\u00e9nieur logiciel","worksFor":"DataScientest","url":"https:\/\/datascientest.com\/en\/author\/team-redac"}]}},"_links":{"self":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/190921"}],"collection":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/comments?post=190921"}],"version-history":[{"count":28,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/190921\/revisions"}],"predecessor-version":[{"id":192126,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/posts\/190921\/revisions\/192126"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/media\/190923"}],"wp:attachment":[{"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/media?parent=190921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/categories?post=190921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datascientest.com\/en\/wp-json\/wp\/v2\/tags?post=190921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}