{"id":176082,"date":"2024-11-19T07:30:00","date_gmt":"2024-11-19T06:30:00","guid":{"rendered":"https:\/\/datascientest.com\/es\/?p=176082"},"modified":"2024-11-15T15:48:54","modified_gmt":"2024-11-15T14:48:54","slug":"todo-sobre-d3-js","status":"publish","type":"post","link":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js","title":{"rendered":"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"176082\" class=\"elementor elementor-176082\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ddf3d0e e-flex e-con-boxed e-con\" data-id=\"ddf3d0e\" 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-9ccc9f4 elementor-widget elementor-widget-text-editor\" data-id=\"9ccc9f4\" 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 (Documentos Basados en Datos) es una biblioteca de JavaScript que permite crear gr\u00e1ficos interactivos y din\u00e1micos directamente en el navegador manipulando elementos HTML, SVG o CSS. Esta biblioteca ofrece una gran flexibilidad y un gran control sobre el renderizado visual, lo que permite transformar conjuntos de datos complejos en visualizaciones impactantes y personalizadas.<\/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-197cb4b e-flex e-con-boxed e-con\" data-id=\"197cb4b\" 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-cd8118c elementor-widget elementor-widget-heading\" data-id=\"cd8118c\" 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\">Principales caracter\u00edsticas de D3.js<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3fd0db elementor-widget elementor-widget-text-editor\" data-id=\"c3fd0db\" 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>Flexibilidad:<\/b><span style=\"font-weight: 400;\"> A diferencia de otras bibliotecas de visualizaci\u00f3n, D3.js no impone estructuras predeterminadas. Tienes control total sobre c\u00f3mo se representan tus datos.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Alto rendimiento:<\/b><span style=\"font-weight: 400;\"> Al manipular directamente el DOM (Document Object Model) y utilizar las capacidades nativas del navegador, D3.js ofrece un rendimiento \u00f3ptimo para visualizaciones complejas.<\/span><\/li><li style=\"font-weight: 400;\" aria-level=\"1\"><b>Comunidad activa:<\/b><span style=\"font-weight: 400;\"> Con una amplia comunidad, existe una multitud de plugins, complementos y tutoriales para ayudarte a comenzar.<\/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-c331870 e-flex e-con-boxed e-con\" data-id=\"c331870\" 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-f6f28ca elementor-widget elementor-widget-heading\" data-id=\"f6f28ca\" 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\">\u00bfPor qu\u00e9 usar D3.js?<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb4b063 elementor-widget elementor-widget-text-editor\" data-id=\"bb4b063\" 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;\">Si buscas crear visualizaciones personalizadas que salgan de lo com\u00fan, D3.js es la herramienta ideal. Estas son algunas razones por las que deber\u00edas considerarlo:<\/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-6a6290a elementor-widget elementor-widget-html\" data-id=\"6a6290a\" 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\">Flexibilidad y personalizaci\u00f3n<\/span><\/th>\r\n    <th class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">D3.js ofrece un control total para crear cualquier visualizaci\u00f3n basada en tus datos. <\/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\">Rendimiento para datos masivos<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">Esta biblioteca est\u00e1 optimizada para gestionar eficientemente grandes cantidades de datos sin comprometer la fluidez.<\/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\">Integraci\u00f3n con los est\u00e1ndares web y otros frameworks<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">D3.js se basa en tecnolog\u00edas web est\u00e1ndar como HTML, CSS o SVG, lo que facilita su integraci\u00f3n en tus proyectos existentes. Tambi\u00e9n puede usarse junto con otros frameworks como React, Angular o 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\">Interactividad<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">Una de las fortalezas de D3.js es su capacidad para crear visualizaciones altamente interactivas que atraen a los usuarios.<\/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\">Ecosistema y comunidad<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">Con una amplia comunidad de desarrolladores y analistas, D3.js se beneficia de un apoyo y recursos abundantes.<\/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\">Modularidad<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">Esto significa que puedes usar \u00fanicamente los m\u00f3dulos que necesites. Tambi\u00e9n puedes crear componentes reutilizables de un proyecto a otro.<\/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\">Tiempo real<\/span><\/td>\r\n    <td class=\"tg-br1o\"><span style=\"font-weight:400;font-style:normal;text-decoration:none;color:#000\">Puedes crear visualizaciones que se actualicen en tiempo real, ideales para dashboards y aplicaciones de monitoreo.<\/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-d5d1f23 elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"d5d1f23\" 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\/es\/nuestros-cursos-de-data\">\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\">M\u00e1s informaci\u00f3n sobre la biblioteca D3.js<\/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-4e05f54 e-flex e-con-boxed e-con\" data-id=\"4e05f54\" 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-ced5728 elementor-widget elementor-widget-heading\" data-id=\"ced5728\" 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\">Comenzar con D3.js<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65a9980 elementor-widget elementor-widget-heading\" data-id=\"65a9980\" 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\">Instalaci\u00f3n<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-469e6fb elementor-widget elementor-widget-text-editor\" data-id=\"469e6fb\" 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;\">Para comenzar, puedes incluir D3.js en tu proyecto usando un 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-f5fd636 elementor-widget elementor-widget-code-highlight\" data-id=\"f5fd636\" 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-a95ea69 elementor-widget elementor-widget-text-editor\" data-id=\"a95ea69\" 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;\">O con 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-5994045 elementor-widget elementor-widget-code-highlight\" data-id=\"5994045\" 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-46c9e40 elementor-widget elementor-widget-heading\" data-id=\"46c9e40\" 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\">Ejemplo sencillo: un gr\u00e1fico de barras<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ee604c elementor-widget elementor-widget-text-editor\" data-id=\"6ee604c\" 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;\">El siguiente c\u00f3digo permite crear un gr\u00e1fico de barras simple:<\/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-c9a55ef elementor-widget elementor-widget-code-highlight\" data-id=\"c9a55ef\" 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-6e30c76 e-flex e-con-boxed e-con\" data-id=\"6e30c76\" 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-d65b661 elementor-widget elementor-widget-heading\" data-id=\"d65b661\" 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\">Ejemplos inspiradores de visuales creados con D3.js<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10d0a5e elementor-widget elementor-widget-text-editor\" data-id=\"10d0a5e\" 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>Mapa coropl\u00e9tico interactivo:<\/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-d4d3a54 elementor-widget elementor-widget-image\" data-id=\"d4d3a54\" 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\/es\/files\/2024\/10\/Carte-chloroplethe-interactive-D3.js_.webp\" class=\"attachment-full size-full wp-image-176087\" alt=\"\" srcset=\"https:\/\/datascientest.com\/es\/files\/2024\/10\/Carte-chloroplethe-interactive-D3.js_.webp 630w, https:\/\/datascientest.com\/es\/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\">Fuente : <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-34cdf6d elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"34cdf6d\" 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\/es\/nuestros-cursos-de-data\">\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\">Formaci\u00f3n en el uso de D3.js<\/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-d01ced1 elementor-widget elementor-widget-text-editor\" data-id=\"d01ced1\" 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>Bandas de Bollinger:<\/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-29ce190 elementor-widget elementor-widget-image\" data-id=\"29ce190\" 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\/es\/files\/2024\/10\/Bandes-bollinger-D3.js_.webp\" class=\"attachment-full size-full wp-image-176086\" alt=\"\" srcset=\"https:\/\/datascientest.com\/es\/files\/2024\/10\/Bandes-bollinger-D3.js_.webp 911w, https:\/\/datascientest.com\/es\/files\/2024\/10\/Bandes-bollinger-D3.js_-300x197.webp 300w, https:\/\/datascientest.com\/es\/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\">Fuente : <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-3825f3a elementor-widget elementor-widget-text-editor\" data-id=\"3825f3a\" 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>Gr\u00e1ficos Horizon:<\/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-00b2950 elementor-widget elementor-widget-image\" data-id=\"00b2950\" 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\/es\/files\/2024\/10\/Horizon-Charts-D3.js-2.webp\" class=\"attachment-full size-full wp-image-176085\" alt=\"\" srcset=\"https:\/\/datascientest.com\/es\/files\/2024\/10\/Horizon-Charts-D3.js-2.webp 1890w, https:\/\/datascientest.com\/es\/files\/2024\/10\/Horizon-Charts-D3.js-2-300x51.webp 300w, https:\/\/datascientest.com\/es\/files\/2024\/10\/Horizon-Charts-D3.js-2-1024x175.webp 1024w, https:\/\/datascientest.com\/es\/files\/2024\/10\/Horizon-Charts-D3.js-2-768x131.webp 768w, https:\/\/datascientest.com\/es\/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\">Fuente : <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-f84508b e-flex e-con-boxed e-con\" data-id=\"f84508b\" 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-e78c2c0 elementor-widget elementor-widget-heading\" data-id=\"e78c2c0\" 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\">Conclusi\u00f3n<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70405a6 elementor-widget elementor-widget-text-editor\" data-id=\"70405a6\" 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 es una <\/span><b>biblioteca poderosa<\/b><span style=\"font-weight: 400;\"> que ofrece una flexibilidad incomparable para <a href=\"https:\/\/datascientest.com\/es\/formacion-en-visualizacion-de-datos\">la visualizaci\u00f3n de datos<\/a>. La documentaci\u00f3n completa de D3.js se encuentra en <a href=\"https:\/\/d3js.org\/\">el sitio oficial<\/a>, que tambi\u00e9n incluye una galer\u00eda que demuestra las posibilidades de esta biblioteca.<\/span><\/p><p><span style=\"font-weight: 400;\">Adem\u00e1s, esta biblioteca permite una gesti\u00f3n eficiente de las animaciones, ofreciendo transiciones fluidas entre diferentes estados de datos. Esto permite crear <\/span><b>visualizaciones evolutivas y atractivas<\/b><span style=\"font-weight: 400;\">, ideales para ilustrar tendencias, comparaciones, o para hacer los datos m\u00e1s comprensibles, incluso para usuarios no t\u00e9cnicos.<\/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-ffb7be2 elementor-align-center button-principal elementor-widget elementor-widget-button\" data-id=\"ffb7be2\" 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\/es\/nuestros-cursos-de-data\">\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\">Dominio completo de D3.js<\/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-ed6b416 e-flex e-con-boxed e-con\" data-id=\"ed6b416\" 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-45b1c05 elementor-widget elementor-widget-html\" data-id=\"45b1c05\" 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\": \"\u00bfQu\u00e9 es D3.js?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D3.js (Data-Driven Documents) es una potente biblioteca de JavaScript utilizada para crear visualizaciones de datos din\u00e1micas e interactivas en la web. Permite manipular documentos basados en datos utilizando est\u00e1ndares como SVG, HTML y CSS para crear gr\u00e1ficos, mapas y tablas interactivas.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfCu\u00e1les son las ventajas de D3.js?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D3.js ofrece una gran flexibilidad al permitir a los desarrolladores crear visualizaciones completamente personalizadas, adaptadas a las necesidades espec\u00edficas de una aplicaci\u00f3n. Soporta interacciones din\u00e1micas con datos en tiempo real, se integra bien con otras bibliotecas y herramientas, y utiliza tecnolog\u00edas web est\u00e1ndar como SVG y DOM.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfQu\u00e9 tipos de visualizaciones se pueden crear con D3.js?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"Con D3.js, es posible crear una variedad de visualizaciones de datos, incluyendo gr\u00e1ficos de barras, gr\u00e1ficos de l\u00edneas, diagramas de dispersi\u00f3n, mapas geogr\u00e1ficos, gr\u00e1ficos circulares, histogramas, as\u00ed como representaciones m\u00e1s complejas como treemaps o diagramas de red.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u00bfEs dif\u00edcil aprender D3.js para principiantes?\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"D3.js puede tener una curva de aprendizaje m\u00e1s pronunciada que otras bibliotecas de visualizaci\u00f3n debido a su flexibilidad y su enfoque basado en est\u00e1ndares web como SVG y DOM. Sin embargo, con conocimientos b\u00e1sicos de JavaScript y manipulaci\u00f3n del DOM, es posible aprender D3.js de forma progresiva a trav\u00e9s de tutoriales y ejemplos pr\u00e1cticos.\"\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 (Documentos Basados en Datos) es una biblioteca de JavaScript que permite crear gr\u00e1ficos interactivos y din\u00e1micos directamente en el navegador manipulando elementos HTML, SVG o CSS. Esta biblioteca ofrece una gran flexibilidad y un gran control sobre el renderizado visual, lo que permite transformar conjuntos de datos complejos en visualizaciones impactantes y personalizadas. Principales [&hellip;]<\/p>\n","protected":false},"author":45,"featured_media":176084,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"content-type":"","inline_featured_image":false},"categories":[2427],"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: todo lo que necesitas saber sobre esta biblioteca de JavaScript<\/title>\n<meta name=\"description\" content=\"Descubre D3.js, una potente biblioteca JavaScript para la visualizaci\u00f3n de datos que te permite crear gr\u00e1ficos interactivos y din\u00e1micos a partir de datos, aprovechando al m\u00e1ximo los est\u00e1ndares web como SVG, HTML y 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\/es\/todo-sobre-d3-js\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript\" \/>\n<meta property=\"og:description\" content=\"D3.js (Documentos Basados en Datos) es una biblioteca de JavaScript que permite crear gr\u00e1ficos interactivos y din\u00e1micos directamente en el navegador\" \/>\n<meta property=\"og:url\" content=\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js\" \/>\n<meta property=\"og:site_name\" content=\"Formaci\u00f3n en ciencia de datos | DataScientest.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataScientestEN\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-19T06:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-15T14:48:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/datascientest.com\/es\/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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js#article\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js\"},\"author\":{\"name\":\"Daniel\",\"@id\":\"https:\/\/datascientest.com\/es\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\"},\"headline\":\"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript\",\"datePublished\":\"2024-11-19T06:30:00+00:00\",\"dateModified\":\"2024-11-15T14:48:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js\"},\"wordCount\":530,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/es\/#organization\"},\"articleSection\":[\"Data Science\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/datascientest.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js\",\"url\":\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js\",\"name\":\"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript\",\"isPartOf\":{\"@id\":\"https:\/\/datascientest.com\/es\/#website\"},\"datePublished\":\"2024-11-19T06:30:00+00:00\",\"dateModified\":\"2024-11-15T14:48:54+00:00\",\"description\":\"Descubre D3.js, una potente biblioteca JavaScript para la visualizaci\u00f3n de datos que te permite crear gr\u00e1ficos interactivos y din\u00e1micos a partir de datos, aprovechando al m\u00e1ximo los est\u00e1ndares web como SVG, HTML y CSS.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/datascientest.com\/es\/todo-sobre-d3-js\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/datascientest.com\/es\/#website\",\"url\":\"https:\/\/datascientest.com\/es\/\",\"name\":\"Formaci\u00f3n en ciencia de datos | DataScientest.com\",\"description\":\"L\u00edder en formaci\u00f3n en Ciencia de Datos\",\"publisher\":{\"@id\":\"https:\/\/datascientest.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/datascientest.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/datascientest.com\/es\/#organization\",\"name\":\"DataScientest\",\"url\":\"https:\/\/datascientest.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/datascientest.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/datascientest.com\/es\/wp-content\/blogs.dir\/7\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"contentUrl\":\"https:\/\/datascientest.com\/es\/wp-content\/blogs.dir\/7\/files\/2024\/02\/DataScientest_icon_blue-2.png\",\"width\":301,\"height\":301,\"caption\":\"DataScientest\"},\"image\":{\"@id\":\"https:\/\/datascientest.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/DataScientestEN\",\"https:\/\/twitter.com\/DataScientest__\",\"https:\/\/www.linkedin.com\/company\/datascientest-spain\/\",\"https:\/\/www.tiktok.com\/@datascientest\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/datascientest.com\/es\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0\",\"name\":\"Daniel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/datascientest.com\/es\/#\/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\/es\/author\/team-redac\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript","description":"Descubre D3.js, una potente biblioteca JavaScript para la visualizaci\u00f3n de datos que te permite crear gr\u00e1ficos interactivos y din\u00e1micos a partir de datos, aprovechando al m\u00e1ximo los est\u00e1ndares web como SVG, HTML y 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\/es\/todo-sobre-d3-js","og_locale":"es_ES","og_type":"article","og_title":"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript","og_description":"D3.js (Documentos Basados en Datos) es una biblioteca de JavaScript que permite crear gr\u00e1ficos interactivos y din\u00e1micos directamente en el navegador","og_url":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js","og_site_name":"Formaci\u00f3n en ciencia de datos | DataScientest.com","article_publisher":"https:\/\/www.facebook.com\/DataScientestEN","article_published_time":"2024-11-19T06:30:00+00:00","article_modified_time":"2024-11-15T14:48:54+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/datascientest.com\/es\/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":{"Escrito por":"Daniel","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js#article","isPartOf":{"@id":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js"},"author":{"name":"Daniel","@id":"https:\/\/datascientest.com\/es\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0"},"headline":"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript","datePublished":"2024-11-19T06:30:00+00:00","dateModified":"2024-11-15T14:48:54+00:00","mainEntityOfPage":{"@id":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js"},"wordCount":530,"commentCount":0,"publisher":{"@id":"https:\/\/datascientest.com\/es\/#organization"},"articleSection":["Data Science"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/datascientest.com\/es\/todo-sobre-d3-js#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/datascientest.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js","url":"https:\/\/datascientest.com\/es\/todo-sobre-d3-js","name":"D3.js: todo lo que necesitas saber sobre esta biblioteca de JavaScript","isPartOf":{"@id":"https:\/\/datascientest.com\/es\/#website"},"datePublished":"2024-11-19T06:30:00+00:00","dateModified":"2024-11-15T14:48:54+00:00","description":"Descubre D3.js, una potente biblioteca JavaScript para la visualizaci\u00f3n de datos que te permite crear gr\u00e1ficos interactivos y din\u00e1micos a partir de datos, aprovechando al m\u00e1ximo los est\u00e1ndares web como SVG, HTML y CSS.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/datascientest.com\/es\/todo-sobre-d3-js"]}]},{"@type":"WebSite","@id":"https:\/\/datascientest.com\/es\/#website","url":"https:\/\/datascientest.com\/es\/","name":"Formaci\u00f3n en ciencia de datos | DataScientest.com","description":"L\u00edder en formaci\u00f3n en Ciencia de Datos","publisher":{"@id":"https:\/\/datascientest.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/datascientest.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/datascientest.com\/es\/#organization","name":"DataScientest","url":"https:\/\/datascientest.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/datascientest.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/datascientest.com\/es\/wp-content\/blogs.dir\/7\/files\/2024\/02\/DataScientest_icon_blue-2.png","contentUrl":"https:\/\/datascientest.com\/es\/wp-content\/blogs.dir\/7\/files\/2024\/02\/DataScientest_icon_blue-2.png","width":301,"height":301,"caption":"DataScientest"},"image":{"@id":"https:\/\/datascientest.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataScientestEN","https:\/\/twitter.com\/DataScientest__","https:\/\/www.linkedin.com\/company\/datascientest-spain\/","https:\/\/www.tiktok.com\/@datascientest"]},{"@type":"Person","@id":"https:\/\/datascientest.com\/es\/#\/schema\/person\/5a86e30c5090234fb43dd8baa83c44b0","name":"Daniel","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/datascientest.com\/es\/#\/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\/es\/author\/team-redac"}]}},"_links":{"self":[{"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/posts\/176082"}],"collection":[{"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/users\/45"}],"replies":[{"embeddable":true,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/comments?post=176082"}],"version-history":[{"count":18,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/posts\/176082\/revisions"}],"predecessor-version":[{"id":176198,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/posts\/176082\/revisions\/176198"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/media\/176084"}],"wp:attachment":[{"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/media?parent=176082"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/categories?post=176082"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/datascientest.com\/es\/wp-json\/wp\/v2\/tags?post=176082"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}