{"id":81548,"date":"2023-05-26T09:37:55","date_gmt":"2023-05-26T09:37:55","guid":{"rendered":"https:\/\/proyectos.comunicaciondigital.es\/?p=81548"},"modified":"2023-05-26T09:41:26","modified_gmt":"2023-05-26T09:41:26","slug":"libreria-chart-js","status":"publish","type":"post","link":"https:\/\/proyectos.comunicaciondigital.es\/en\/libreria-chart-js\/","title":{"rendered":"Librer\u00eda Chart.js"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.chartjs.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Chart.js<\/a> es una librer\u00eda JavaScript sencilla y al mismo tiempo bastante flexible para la visualizaci\u00f3n de datos, conocida entre dise\u00f1adores y desarrolladores web. La biblioteca JavaScript Chart.js permite generar atractivos diagramas y gr\u00e1ficos en el lado del cliente utilizando herramientas HTML5 (canvas). La biblioteca permite crear gr\u00e1ficos lineales, de barras, circulares y radiales. Chart.js soporta efectos animados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una gran ventaja de Chart.js es su reducido tama\u00f1o y la ausencia de dependencias. Adem\u00e1s, es posible reducir a\u00fan m\u00e1s el tama\u00f1o de la biblioteca incluyendo s\u00f3lo aquellos m\u00f3dulos que sean necesarios en un caso concreto. Otra ventaja de la biblioteca es la adaptabilidad del gr\u00e1fico, que le permite cambiar su tama\u00f1o cuando cambia el tama\u00f1o de la ventana del navegador.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La biblioteca ofrece 8 tipos de diagramas y gr\u00e1ficos: L\u00ednea, \u00c1rea, Barra, Tarta, Radar, Polar, Burbuja y Dispersi\u00f3n.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/image-9.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/image-9.png\" alt=\"Tutorial: Chart.js Demo\" class=\"wp-image-81550\" width=\"586\" height=\"440\"\/><\/a><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/dl.weintek.com\/public\/Document\/JS_Object_SDK\/Current\/tutorial-demo-chartjs.html\" target=\"_blank\" rel=\"noreferrer noopener\">Tutorial: Chart.js Demo &#8211; JS Object SDK<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los tipos de gr\u00e1ficos pueden personalizarse y animarse, y todos se adaptan a la red.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/image-10.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/image-10-1024x552.png\" alt=\"Ejemplo de Combo Bar Line chart. Fuente: Chart.js\" class=\"wp-image-81552\" width=\"587\" height=\"316\"\/><\/a><figcaption class=\"wp-element-caption\">Ejemplo de Combo Bar Line chart. Fuente: Chart.js<\/figcaption><\/figure>\n<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-bottom-right\"><a href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/81548?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\" ><img decoding=\"async\" src=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"View PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Versi\u00f3n en PDF<\/span><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Chart.js es una librer\u00eda JavaScript sencilla y al mismo tiempo bastante flexible para la visualizaci\u00f3n de datos, conocida entre dise\u00f1adores y desarrolladores web. La biblioteca JavaScript Chart.js permite generar atractivos diagramas y gr\u00e1ficos en el lado del cliente utilizando herramientas HTML5 (canvas). La biblioteca permite crear gr\u00e1ficos lineales, de barras, circulares y radiales. Chart.js soporta&hellip; <a class=\"continue\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/libreria-chart-js\/\">Continua leyendo<span> Librer\u00eda Chart.js<\/span><\/a><\/p>","protected":false},"author":96,"featured_media":81549,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[265,264],"tags":[],"class_list":["post-81548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-daria-tretiakova","category-tfm"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Librer\u00eda Chart.js - Portal de proyectos multimedia<\/title>\n<meta name=\"description\" content=\"Analizamos una de las librer\u00edas JavaScript Chart.js, que puede utilizarse en proyectos de periodismo inmersivo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/proyectos.comunicaciondigital.es\/en\/libreria-chart-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Librer\u00eda Chart.js - Portal de proyectos multimedia\" \/>\n<meta property=\"og:description\" content=\"Analizamos una de las librer\u00edas JavaScript Chart.js, que puede utilizarse en proyectos de periodismo inmersivo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/proyectos.comunicaciondigital.es\/en\/libreria-chart-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de proyectos multimedia\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-26T09:37:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-26T09:41:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"424\" \/>\n\t<meta property=\"og:image:height\" content=\"119\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daria Tretiakova\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/\"},\"author\":{\"name\":\"Daria Tretiakova\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/1cf3a593725bb0ec61f75ca3c1a0d294\"},\"headline\":\"Librer\u00eda Chart.js\",\"datePublished\":\"2023-05-26T09:37:55+00:00\",\"dateModified\":\"2023-05-26T09:41:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/\"},\"wordCount\":195,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png\",\"articleSection\":[\"Daria-Tretiakova\",\"TFM\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/\",\"name\":\"Librer\u00eda Chart.js - Portal de proyectos multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png\",\"datePublished\":\"2023-05-26T09:37:55+00:00\",\"dateModified\":\"2023-05-26T09:41:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/1cf3a593725bb0ec61f75ca3c1a0d294\"},\"description\":\"Analizamos una de las librer\u00edas JavaScript Chart.js, que puede utilizarse en proyectos de periodismo inmersivo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/uploads\\\/2023\\\/05\\\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png\",\"width\":424,\"height\":119},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/libreria-chart-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Librer\u00eda Chart.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#website\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/\",\"name\":\"Portal de proyectos multimedia\",\"description\":\"Grupo Ciberimaginario\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/#\\\/schema\\\/person\\\/1cf3a593725bb0ec61f75ca3c1a0d294\",\"name\":\"Daria Tretiakova\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/246a0724434899d234d6509c2184c08c.jpg?ver=1780938636\",\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/246a0724434899d234d6509c2184c08c.jpg?ver=1780938636\",\"contentUrl\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/wp-content\\\/litespeed\\\/avatar\\\/246a0724434899d234d6509c2184c08c.jpg?ver=1780938636\",\"caption\":\"Daria Tretiakova\"},\"url\":\"https:\\\/\\\/proyectos.comunicaciondigital.es\\\/en\\\/author\\\/daria-tretiakova\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Librer\u00eda Chart.js - Portal de proyectos multimedia","description":"Analizamos una de las librer\u00edas JavaScript Chart.js, que puede utilizarse en proyectos de periodismo inmersivo.","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:\/\/proyectos.comunicaciondigital.es\/en\/libreria-chart-js\/","og_locale":"en_GB","og_type":"article","og_title":"Librer\u00eda Chart.js - Portal de proyectos multimedia","og_description":"Analizamos una de las librer\u00edas JavaScript Chart.js, que puede utilizarse en proyectos de periodismo inmersivo.","og_url":"https:\/\/proyectos.comunicaciondigital.es\/en\/libreria-chart-js\/","og_site_name":"Portal de proyectos multimedia","article_published_time":"2023-05-26T09:37:55+00:00","article_modified_time":"2023-05-26T09:41:26+00:00","og_image":[{"width":424,"height":119,"url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png","type":"image\/png"}],"author":"Daria Tretiakova","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#article","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/"},"author":{"name":"Daria Tretiakova","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/1cf3a593725bb0ec61f75ca3c1a0d294"},"headline":"Librer\u00eda Chart.js","datePublished":"2023-05-26T09:37:55+00:00","dateModified":"2023-05-26T09:41:26+00:00","mainEntityOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/"},"wordCount":195,"commentCount":0,"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png","articleSection":["Daria-Tretiakova","TFM"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/","url":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/","name":"Librer\u00eda Chart.js - Portal de proyectos multimedia","isPartOf":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#primaryimage"},"image":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#primaryimage"},"thumbnailUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png","datePublished":"2023-05-26T09:37:55+00:00","dateModified":"2023-05-26T09:41:26+00:00","author":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/1cf3a593725bb0ec61f75ca3c1a0d294"},"description":"Analizamos una de las librer\u00edas JavaScript Chart.js, que puede utilizarse en proyectos de periodismo inmersivo.","breadcrumb":{"@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#primaryimage","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/uploads\/2023\/05\/\u0411\u0435\u0437-\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f-2.png","width":424,"height":119},{"@type":"BreadcrumbList","@id":"https:\/\/proyectos.comunicaciondigital.es\/libreria-chart-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/proyectos.comunicaciondigital.es\/"},{"@type":"ListItem","position":2,"name":"Librer\u00eda Chart.js"}]},{"@type":"WebSite","@id":"https:\/\/proyectos.comunicaciondigital.es\/#website","url":"https:\/\/proyectos.comunicaciondigital.es\/","name":"Portal de proyectos multimedia","description":"Grupo Ciberimaginario","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/proyectos.comunicaciondigital.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/proyectos.comunicaciondigital.es\/#\/schema\/person\/1cf3a593725bb0ec61f75ca3c1a0d294","name":"Daria Tretiakova","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/246a0724434899d234d6509c2184c08c.jpg?ver=1780938636","url":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/246a0724434899d234d6509c2184c08c.jpg?ver=1780938636","contentUrl":"https:\/\/proyectos.comunicaciondigital.es\/wp-content\/litespeed\/avatar\/246a0724434899d234d6509c2184c08c.jpg?ver=1780938636","caption":"Daria Tretiakova"},"url":"https:\/\/proyectos.comunicaciondigital.es\/en\/author\/daria-tretiakova\/"}]}},"_links":{"self":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/81548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/comments?post=81548"}],"version-history":[{"count":2,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/81548\/revisions"}],"predecessor-version":[{"id":81554,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/posts\/81548\/revisions\/81554"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media\/81549"}],"wp:attachment":[{"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/media?parent=81548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/categories?post=81548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/proyectos.comunicaciondigital.es\/en\/wp-json\/wp\/v2\/tags?post=81548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}