CINXE.COM

<!DOCTYPE HTML> <html lang="en-us"> <head> <title>Data Viz Catalogue</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, user-scalable=no" /> <link rel="shortcut icon" type="image/x-icon" href="https://www.graphica.app/icon.ico" /> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap" rel="stylesheet"> <link href='https://www.graphica.app/css/style.css?v=3' rel='stylesheet' type='text/css' /> <meta name="Description" content="Scimago Graphica Documentation" /> <script src="https://www.graphica.app/graphicajs/papaparse.min.js?v=1" type="text/javascript"></script> <script src="https://www.graphica.app/graphicajs/graphica.js?v=16" type="text/javascript"></script> <link rel="stylesheet" href="https://www.graphica.app/multisitebar/multisite.css" /> <script src="https://www.graphica.app/js/countries_cookie.js"></script> <script src="https://www.graphica.app/js/cookieconsent.js?v=1"></script>  <script src="https://www.graphica.app/js/checkcookiescategories.js?v=1"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-9VWD6R4BZ3"></script> <script> if( !is_black_list_region(current_country) || (is_black_list_region(current_country) && window.CookieConsent.config.categories['analytics']['wanted'] ) ){ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9VWD6R4BZ3'); } </script> <script type="text/javascript"> main(function () { by('id:catalogue_options').by('a').clic(function (e) { e.preventDefault(); by('id:catalogue_options').by('a').removeClass('selected'); this.addClass('selected'); var val=this.text(); by('class:chart_block').each(function () { if (val=='All' || val==this.attr('data-group')) { this.show(); } else { this.hide(); } return false; }); }); }); </script> </head> <body> <aside class="multisitebar"> <div class="multisitebar_central"> <div class="siteslinks"> <a href="https://www.scimagojr.com" class="sjrlink"><img src="/multisitebar/sjr.png" alt="SCImago Journal & Country Rank" /><span class="multisite_tooltip">SCImago Journal Country & Rank</span></a> <a href="https://www.scimagoir.com" class="scimagoirlink"><img src="/multisitebar/sir.png" alt="SCImago Institutions Rankings" /><span class="multisite_tooltip">SCImago Institutions Rankings</span></a> <a href="https://www.scimagomedia.com" class="scimagomedialink"><img src="/multisitebar/logo-white-128.png" alt="SCImago Media Rankings" /><span class="multisite_tooltip">SCImago Media Rankings</span></a> <a href="https://www.scimagoiber.com" class="siriberlink"><img src="/multisitebar/siriber.png" alt="SCImago Iber" /><span class="multisite_tooltip">SCImago Iber</span></a> <a href="https://www.scimagorc.com" class="srcrlink"><img src="/multisitebar/srcr.png" alt="SCImago Research Centers Ranking" /><span class="multisite_tooltip">SCImago Research Centers Ranking</span></a> <a href="https://www.graphica.app" class="graphicalink currentsite"><img src="/multisitebar/graphica.png" alt="SCImago Graphica" /><span class="multisite_tooltip">SCImago Graphica</span></a> <a href="https://www.scimagoepi.com" class="epilink"><img src="/multisitebar/epi.png" alt="Ediciones Profesionales de la Informaci贸n " /><span class="multisite_tooltip">Ediciones Profesionales de la Información</span></a> </div> <div id="multisitebar_scimagolablink"> <a href="https://www.scimagolab.com"><img src="/multisitebar/scimagolab_mobile.png" alt="SCImago Lab" class="multisitebar_scimagolablink_mobile" /><img class="multisitebar_scimagolablink_desktop" src="/multisitebar/scimagolab.png" alt="SCImago Lab" /></a> </div> </div> </aside> <div class="header"> <div class="content"><a href="https://www.graphica.app/" style='text-decoration: none' title='go to home page'><img src="https://www.graphica.app/img/logo.png" alt="Graphica Logo" id="logo"/> <h1>Scimago Graphica</h1></a> <ul class="menu"> <li><a href="https://www.graphica.app/download">Download</a></li> <li><a href="https://www.graphica.app/catalogue" class='menuselected'>Data Viz Catalogue</a></li> <li><a href="https://www.graphica.app/docs" >Learning</a></li> </ul> </div> </div> <div class="middle"> <div class="content"> <p class="migas"><a href="https://www.graphica.app/">Home</a> → <a href="https://www.graphica.app/docs">Learning</a> </p> </div> <div class="content"> <div class="block"> <h3>Data Viz Catalogue</h3> <p>Here are some of the types of charts that can be easily created with Scimago Graphica.</p> </div> <ul id="catalogue_options"> <li><a href="" class="selected">All</a></li> <li><a href="">Comparisons</a></li> <li><a href="">Distribution</a></li> <li><a href="">Correlation</a></li> <li><a href="">Part of a whole</a></li> <li><a href="">Evolution</a></li> <li><a href="">Map</a></li> <li><a href="">Network</a></li> </ul> <a href="https://www.graphica.app/catalogue/bar-chart" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/bar-chart.png" /><div class="chart_title">Bar chart</div></a> <a href="https://www.graphica.app/catalogue/clustered-bar-chart" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/clustered-bar-chart.png" /><div class="chart_title">Clustered bar chart</div></a> <a href="https://www.graphica.app/catalogue/stacked-bar-chart" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/stacked-bar-chart.png" /><div class="chart_title">Stacked bar chart</div></a> <a href="https://www.graphica.app/catalogue/overlapping-bars" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/overlapping-bars.png" /><div class="chart_title">Overlapping bars</div></a> <a href="https://www.graphica.app/catalogue/radar-chart" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/radar-chart.png" /><div class="chart_title">Radar chart</div></a> <a href="https://www.graphica.app/catalogue/polar-chart" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/polar-chart.png" /><div class="chart_title">Polar chart</div></a> <a href="https://www.graphica.app/catalogue/heat-map" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/heat-map.png" /><div class="chart_title">Heat map</div></a> <a href="https://www.graphica.app/catalogue/dumbbell-chart" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/dumbbell-chart.png" /><div class="chart_title">Dumbbell chart</div></a> <a href="https://www.graphica.app/catalogue/small-multiples" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/small-multiples.png" /><div class="chart_title">Small multiples</div></a> <a href="https://www.graphica.app/catalogue/word-cloud" class="chart_block" data-group="Comparisons"><img src="https://www.graphica.app/datachartcatalogue/word-cloud.png" /><div class="chart_title">Word cloud</div></a> <a href="https://www.graphica.app/catalogue/histogram" class="chart_block" data-group="Distribution"><img src="https://www.graphica.app/datachartcatalogue/histogram.png" /><div class="chart_title">Histogram</div></a> <a href="https://www.graphica.app/catalogue/box-plot" class="chart_block" data-group="Distribution"><img src="https://www.graphica.app/datachartcatalogue/box-plot.png" /><div class="chart_title">Box plot</div></a> <a href="https://www.graphica.app/catalogue/diverging-bar-chart" class="chart_block" data-group="Distribution"><img src="https://www.graphica.app/datachartcatalogue/diverging-bar-chart.png" /><div class="chart_title">Diverging bar chart</div></a> <a href="https://www.graphica.app/catalogue/beeswarm-plot" class="chart_block" data-group="Distribution"><img src="https://www.graphica.app/datachartcatalogue/beeswarm-plot.png" /><div class="chart_title">Beeswarm plot</div></a> <a href="https://www.graphica.app/catalogue/density-heatmap" class="chart_block" data-group="Distribution"><img src="https://www.graphica.app/datachartcatalogue/density-heatmap.png" /><div class="chart_title">Density heatmap</div></a> <a href="https://www.graphica.app/catalogue/convex-hull" class="chart_block" data-group="Distribution"><img src="https://www.graphica.app/datachartcatalogue/convex-hull.png" /><div class="chart_title">Convex hull chart</div></a> <a href="https://www.graphica.app/catalogue/scatter-plot" class="chart_block" data-group="Correlation"><img src="https://www.graphica.app/datachartcatalogue/scatter-plot.png" /><div class="chart_title">Scatter plot</div></a> <a href="https://www.graphica.app/catalogue/bubble-plot" class="chart_block" data-group="Correlation"><img src="https://www.graphica.app/datachartcatalogue/bubble-plot.png" /><div class="chart_title">Bubble plot</div></a> <a href="https://www.graphica.app/catalogue/dual-axis-chart" class="chart_block" data-group="Correlation"><img src="https://www.graphica.app/datachartcatalogue/dual-axis-chart.png" /><div class="chart_title">Dual axis chart</div></a> <a href="https://www.graphica.app/catalogue/parallel-coordinates" class="chart_block" data-group="Correlation"><img src="https://www.graphica.app/datachartcatalogue/parallel-coordinates.png" /><div class="chart_title">Parallel coordinates</div></a> <a href="https://www.graphica.app/catalogue/treemap" class="chart_block" data-group="Part of a whole"><img src="https://www.graphica.app/datachartcatalogue/treemap.png" /><div class="chart_title">Treemap</div></a> <a href="https://www.graphica.app/catalogue/pie-chart" class="chart_block" data-group="Part of a whole"><img src="https://www.graphica.app/datachartcatalogue/pie-chart.png" /><div class="chart_title">Pie chart</div></a> <a href="https://www.graphica.app/catalogue/donut-chart" class="chart_block" data-group="Part of a whole"><img src="https://www.graphica.app/datachartcatalogue/donut-chart.png" /><div class="chart_title">Donut chart</div></a> <a href="https://www.graphica.app/catalogue/sunburst" class="chart_block" data-group="Part of a whole"><img src="https://www.graphica.app/datachartcatalogue/sunburst.png" /><div class="chart_title">Sunburst</div></a> <a href="https://www.graphica.app/catalogue/alluvial-diagram" class="chart_block" data-group="Part of a whole"><img src="https://www.graphica.app/datachartcatalogue/alluvial-diagram.png" /><div class="chart_title">Alluvial diagram</div></a> <a href="https://www.graphica.app/catalogue/line-chart" class="chart_block" data-group="Evolution"><img src="https://www.graphica.app/datachartcatalogue/line-chart.png" /><div class="chart_title">Line chart</div></a> <a href="https://www.graphica.app/catalogue/area-chart" class="chart_block" data-group="Evolution"><img src="https://www.graphica.app/datachartcatalogue/area-chart.png" /><div class="chart_title">Area chart</div></a> <a href="https://www.graphica.app/catalogue/stream-graph" class="chart_block" data-group="Evolution"><img src="https://www.graphica.app/datachartcatalogue/stream-graph.png" /><div class="chart_title">Stream graph</div></a> <a href="https://www.graphica.app/catalogue/connected-scatter-plot" class="chart_block" data-group="Evolution"><img src="https://www.graphica.app/datachartcatalogue/connected-scatter-plot.png" /><div class="chart_title">Connected scatter plot</div></a> <a href="https://www.graphica.app/catalogue/slope-chart" class="chart_block" data-group="Evolution"><img src="https://www.graphica.app/datachartcatalogue/slope-chart.png" /><div class="chart_title">Slope chart</div></a> <a href="https://www.graphica.app/catalogue/dot-map" class="chart_block" data-group="Map"><img src="https://www.graphica.app/datachartcatalogue/dot-map.png" /><div class="chart_title">Dot map</div></a> <a href="https://www.graphica.app/catalogue/choropleth-map" class="chart_block" data-group="Map"><img src="https://www.graphica.app/datachartcatalogue/choropleth-map.png" /><div class="chart_title">Choropleth map</div></a> <a href="https://www.graphica.app/catalogue/bubble-map" class="chart_block" data-group="Map"><img src="https://www.graphica.app/datachartcatalogue/bubble-map.png" /><div class="chart_title">Bubble map</div></a> <a href="https://www.graphica.app/catalogue/cartogram" class="chart_block" data-group="Map"><img src="https://www.graphica.app/datachartcatalogue/cartogram.png" /><div class="chart_title">Cartogram</div></a> <a href="https://www.graphica.app/catalogue/dorling-cartogram" class="chart_block" data-group="Map"><img src="https://www.graphica.app/datachartcatalogue/dorling-cartogram.png" /><div class="chart_title">Dorling cartogram</div></a> <a href="https://www.graphica.app/catalogue/connection-map" class="chart_block" data-group="Map"><img src="https://www.graphica.app/datachartcatalogue/connection-map.png" /><div class="chart_title">Connection map</div></a> <a href="https://www.graphica.app/catalogue/network-diagram" class="chart_block" data-group="Network"><img src="https://www.graphica.app/datachartcatalogue/network-diagram.png" /><div class="chart_title">Network diagram</div></a> <a href="https://www.graphica.app/catalogue/circular-graph" class="chart_block" data-group="Network"><img src="https://www.graphica.app/datachartcatalogue/circular-graph.png" /><div class="chart_title">Circular graph</div></a> <a href="https://www.graphica.app/catalogue/arc-diagram" class="chart_block" data-group="Network"><img src="https://www.graphica.app/datachartcatalogue/arc-diagram.png" /><div class="chart_title">Arc diagram</div></a> <a href="https://www.graphica.app/catalogue/time-based-network-diagram" class="chart_block" data-group="Network"><img src="https://www.graphica.app/datachartcatalogue/time-based-network-diagram.png" /><div class="chart_title">Time-based network diagram</div></a> </div> </div> </div>  </div> <div class="footer"> <a class='socialmedia' href="https://www.twitter.com/scimagographica"><img src='https://www.graphica.app/img/twitter.svg' alt='twitter' /></a><br /><br /> support@graphica.app<br /> <a href="https://www.scimagolab.com" style="display: block;width: 160px;margin:auto"><img style='width:160px' src="https://www.graphica.app/img/scimagolab.png" alt="Scimago Lab" /></a> <br /> <a class="nav-link ccb__edit" href="#">Edit Cookie Consent</a> </div> </body> </html>