Visbrowser

<!DOCTYPE html> <html lang="en"> <head> <title>Visbrowser</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/static/css/all-fontawesome.min.css"> <link rel="stylesheet" href="/static/css/bootstrap.css"> <link rel="stylesheet" href="/static/css/style.css"> </head> <body> <div class="container-fluid"> <div id="nav-wrapper"> <div class="row"> <div class="col-lg-12"> <nav class="navbar navbar-dark bg-dark"> <h1><a class="navbar-brand" href="/">VisBrowser</a></h1> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="/tools/new/">Add a tool</a> </li> <li class="nav-item"> <a class="nav-link" href="/about">About</a> </li>  </ul> <form class="form-inline my-2 my-lg-0"> <input class="visbrowser-search form-control mr-sm-2" type="text" placeholder="Search"> </form> </nav> </div> </div> <div class="facet-controls" data-position="0" data-categories="6" > <div class="facet active"> <button class="left-btn" aria-label="Previous facet category"> <</button> <div class="list-group"> <h5 class="list-group-item justify-content-between"> <span>Availability</span> </h5> <div class="filter-inputs"> <div class="list-group-item"> <label data-count="36" aria-label="Filter by facet: Free" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="availability:free" id="id-availability:free"> <span aria-hidden="true" class="badge badge-pill">36</span> <i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="availability" data-filter="availability:free"> <span aria-hidden="true" class="checkmark"></span> Free </label> </div> <div class="list-group-item"> <label data-count="30" aria-label="Filter by facet: Open source" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="availability:open-source" id="id-availability:open-source"> <span aria-hidden="true" class="badge badge-pill">30</span> <i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="availability" data-filter="availability:open-source"> <span aria-hidden="true" class="checkmark"></span> Open source </label> </div> <div class="list-group-item"> <label data-count="20" aria-label="Filter by facet: Paid" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="availability:paid" id="id-availability:paid"> <span aria-hidden="true" class="badge badge-pill">20</span> <i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="availability" data-filter="availability:paid"> <span aria-hidden="true" class="checkmark"></span> Paid </label> </div> </div> </div> <button class="right-btn" aria-label="Next facet category">></button> </div> <div class="facet active"> <button class="left-btn" aria-label="Previous facet category"> <</button> <div class="list-group"> <h5 class="list-group-item justify-content-between"> <span>Programming skills</span> </h5> <div class="filter-inputs"> <div class="list-group-item"> <label data-count="25" aria-label="Filter by facet: None" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:none" id="id-programming-skills:none"> <span aria-hidden="true" class="badge badge-pill">25</span> <i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:none"> <span aria-hidden="true" class="checkmark"></span> None </label> </div> <div class="list-group-item"> <label data-count="12" aria-label="Filter by facet: Javascript" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:javascript" id="id-programming-skills:javascript"> <span aria-hidden="true" class="badge badge-pill">12</span> <i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:javascript"> <span aria-hidden="true" class="checkmark"></span> Javascript </label> </div> <div class="list-group-item"> <label data-count="7" aria-label="Filter by facet: Python" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:python" id="id-programming-skills:python"> <span aria-hidden="true" class="badge badge-pill">7</span> <i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:python"> <span aria-hidden="true" class="checkmark"></span> Python </label> </div> <div class="list-group-item"> <label data-count="2" aria-label="Filter by facet: Java" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:java" id="id-programming-skills:java"> <span aria-hidden="true" class="badge badge-pill">2</span> <i data-filter="programming-skills:java" data-filter-group="programming-skills" title="Java" class="fab fa-java"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:java"> <span aria-hidden="true" class="checkmark"></span> Java </label> </div> <div class="list-group-item"> <label data-count="11" aria-label="Filter by facet: Other" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:other" id="id-programming-skills:other"> <span aria-hidden="true" class="badge badge-pill">11</span> <i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:other"> <span aria-hidden="true" class="checkmark"></span> Other </label> </div> <div class="list-group-item"> <label data-count="1" aria-label="Filter by facet: Matlab" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:matlab" id="id-programming-skills:matlab"> <span aria-hidden="true" class="badge badge-pill">1</span> <i data-filter="programming-skills:matlab" data-filter-group="programming-skills" title="Matlab" class="fas fa-file-code"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:matlab"> <span aria-hidden="true" class="checkmark"></span> Matlab </label> </div> <div class="list-group-item"> <label data-count="4" aria-label="Filter by facet: R" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:r" id="id-programming-skills:r"> <span aria-hidden="true" class="badge badge-pill">4</span> <i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:r"> <span aria-hidden="true" class="checkmark"></span> R </label> </div> <div class="list-group-item"> <label data-count="0" aria-label="Filter by facet: R" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:r_1" id="id-programming-skills:r_1"> <span aria-hidden="true" class="badge badge-pill">0</span> <i data-filter="programming-skills:r_1" data-filter-group="programming-skills" title="R" class="fas fa-code"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:r_1"> <span aria-hidden="true" class="checkmark"></span> R </label> </div> <div class="list-group-item"> <label data-count="0" aria-label="Filter by facet: Matlab" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="programming-skills:matlab_1" id="id-programming-skills:matlab_1"> <span aria-hidden="true" class="badge badge-pill">0</span> <i data-filter="programming-skills:matlab_1" data-filter-group="programming-skills" title="Matlab" class="fas fa-code"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="programming-skills" data-filter="programming-skills:matlab_1"> <span aria-hidden="true" class="checkmark"></span> Matlab </label> </div> </div> </div> <button class="right-btn" aria-label="Next facet category">></button> </div> <div class="facet active"> <button class="left-btn" aria-label="Previous facet category"> <</button> <div class="list-group"> <h5 class="list-group-item justify-content-between"> <span>Platform</span> </h5> <div class="filter-inputs"> <div class="list-group-item"> <label data-count="18" aria-label="Filter by facet: Apple" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="platform:apple" id="id-platform:apple"> <span aria-hidden="true" class="badge badge-pill">18</span> <i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="platform" data-filter="platform:apple"> <span aria-hidden="true" class="checkmark"></span> Apple </label> </div> <div class="list-group-item"> <label data-count="21" aria-label="Filter by facet: Windows" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="platform:windows" id="id-platform:windows"> <span aria-hidden="true" class="badge badge-pill">21</span> <i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="platform" data-filter="platform:windows"> <span aria-hidden="true" class="checkmark"></span> Windows </label> </div> <div class="list-group-item"> <label data-count="12" aria-label="Filter by facet: Linux" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="platform:linux" id="id-platform:linux"> <span aria-hidden="true" class="badge badge-pill">12</span> <i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="platform" data-filter="platform:linux"> <span aria-hidden="true" class="checkmark"></span> Linux </label> </div> <div class="list-group-item"> <label data-count="24" aria-label="Filter by facet: Web" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="platform:web" id="id-platform:web"> <span aria-hidden="true" class="badge badge-pill">24</span> <i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="platform" data-filter="platform:web"> <span aria-hidden="true" class="checkmark"></span> Web </label> </div> <div class="list-group-item"> <label data-count="8" aria-label="Filter by facet: Library" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="platform:library" id="id-platform:library"> <span aria-hidden="true" class="badge badge-pill">8</span> <i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="platform" data-filter="platform:library"> <span aria-hidden="true" class="checkmark"></span> Library </label> </div> <div class="list-group-item"> <label data-count="1" aria-label="Filter by facet: Other" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="platform:other_1" id="id-platform:other_1"> <span aria-hidden="true" class="badge badge-pill">1</span> <i data-filter="platform:other_1" data-filter-group="platform" title="Other" class="fas fa-tablet-alt"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="platform" data-filter="platform:other_1"> <span aria-hidden="true" class="checkmark"></span> Other </label> </div> </div> </div> <button class="right-btn" aria-label="Next facet category">></button> </div> <div class="facet active"> <button class="left-btn" aria-label="Previous facet category"> <</button> <div class="list-group"> <h5 class="list-group-item justify-content-between"> <span>Features</span> </h5> <div class="filter-inputs"> <div class="list-group-item"> <label data-count="24" aria-label="Filter by facet: Web-publishing" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="features:web-publishing" id="id-features:web-publishing"> <span aria-hidden="true" class="badge badge-pill">24</span> <i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="features" data-filter="features:web-publishing"> <span aria-hidden="true" class="checkmark"></span> Web-publishing </label> </div> <div class="list-group-item"> <label data-count="27" aria-label="Filter by facet: File exports" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="features:file-exports" id="id-features:file-exports"> <span aria-hidden="true" class="badge badge-pill">27</span> <i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="features" data-filter="features:file-exports"> <span aria-hidden="true" class="checkmark"></span> File exports </label> </div> <div class="list-group-item"> <label data-count="12" aria-label="Filter by facet: Other" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="features:other_2" id="id-features:other_2"> <span aria-hidden="true" class="badge badge-pill">12</span> <i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="features" data-filter="features:other_2"> <span aria-hidden="true" class="checkmark"></span> Other </label> </div> <div class="list-group-item"> <label data-count="11" aria-label="Filter by facet: Wizard" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="features:wizard" id="id-features:wizard"> <span aria-hidden="true" class="badge badge-pill">11</span> <i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="features" data-filter="features:wizard"> <span aria-hidden="true" class="checkmark"></span> Wizard </label> </div> <div class="list-group-item"> <label data-count="9" aria-label="Filter by facet: PDF Export" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="features:pdf-export" id="id-features:pdf-export"> <span aria-hidden="true" class="badge badge-pill">9</span> <i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="features" data-filter="features:pdf-export"> <span aria-hidden="true" class="checkmark"></span> PDF Export </label> </div> <div class="list-group-item"> <label data-count="0" aria-label="Filter by facet: Wizard" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="features:wizard_1" id="id-features:wizard_1"> <span aria-hidden="true" class="badge badge-pill">0</span> <i data-filter="features:wizard_1" data-filter-group="features" title="Wizard" class="fab fa-hat-wizard"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="features" data-filter="features:wizard_1"> <span aria-hidden="true" class="checkmark"></span> Wizard </label> </div> </div> </div> <button class="right-btn" aria-label="Next facet category">></button> </div> <div class="facet active"> <button class="left-btn" aria-label="Previous facet category"> <</button> <div class="list-group"> <h5 class="list-group-item justify-content-between"> <span>Type of data</span> </h5> <div class="filter-inputs"> <div class="list-group-item"> <label data-count="34" aria-label="Filter by facet: Numeric" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="type-of-data:numeric" id="id-type-of-data:numeric"> <span aria-hidden="true" class="badge badge-pill">34</span> <i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="type-of-data" data-filter="type-of-data:numeric"> <span aria-hidden="true" class="checkmark"></span> Numeric </label> </div> <div class="list-group-item"> <label data-count="27" aria-label="Filter by facet: Geographic" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="type-of-data:geographic" id="id-type-of-data:geographic"> <span aria-hidden="true" class="badge badge-pill">27</span> <i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="type-of-data" data-filter="type-of-data:geographic"> <span aria-hidden="true" class="checkmark"></span> Geographic </label> </div> <div class="list-group-item"> <label data-count="30" aria-label="Filter by facet: Temporal" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="type-of-data:temporal" id="id-type-of-data:temporal"> <span aria-hidden="true" class="badge badge-pill">30</span> <i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="type-of-data" data-filter="type-of-data:temporal"> <span aria-hidden="true" class="checkmark"></span> Temporal </label> </div> <div class="list-group-item"> <label data-count="14" aria-label="Filter by facet: Text" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="type-of-data:text" id="id-type-of-data:text"> <span aria-hidden="true" class="badge badge-pill">14</span> <i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="type-of-data" data-filter="type-of-data:text"> <span aria-hidden="true" class="checkmark"></span> Text </label> </div> <div class="list-group-item"> <label data-count="18" aria-label="Filter by facet: Other" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="type-of-data:other_3" id="id-type-of-data:other_3"> <span aria-hidden="true" class="badge badge-pill">18</span> <i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="type-of-data" data-filter="type-of-data:other_3"> <span aria-hidden="true" class="checkmark"></span> Other </label> </div> <div class="list-group-item"> <label data-count="6" aria-label="Filter by facet: Network" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="type-of-data:network" id="id-type-of-data:network"> <span aria-hidden="true" class="badge badge-pill">6</span> <i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="type-of-data" data-filter="type-of-data:network"> <span aria-hidden="true" class="checkmark"></span> Network </label> </div> </div> </div> <button class="right-btn" aria-label="Next facet category">></button> </div> <div class="facet active"> <button class="left-btn" aria-label="Previous facet category"> <</button> <div class="list-group"> <h5 class="list-group-item justify-content-between"> <span>Visualization</span> </h5> <div class="filter-inputs"> <div class="list-group-item"> <label data-count="12" aria-label="Filter by facet: Networks" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="visualization:networks" id="id-visualization:networks"> <span aria-hidden="true" class="badge badge-pill">12</span> <i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="visualization" data-filter="visualization:networks"> <span aria-hidden="true" class="checkmark"></span> Networks </label> </div> <div class="list-group-item"> <label data-count="27" aria-label="Filter by facet: Maps" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="visualization:maps" id="id-visualization:maps"> <span aria-hidden="true" class="badge badge-pill">27</span> <i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="visualization" data-filter="visualization:maps"> <span aria-hidden="true" class="checkmark"></span> Maps </label> </div> <div class="list-group-item"> <label data-count="33" aria-label="Filter by facet: Basic charts" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="visualization:basic-charts" id="id-visualization:basic-charts"> <span aria-hidden="true" class="badge badge-pill">33</span> <i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="visualization" data-filter="visualization:basic-charts"> <span aria-hidden="true" class="checkmark"></span> Basic charts </label> </div> <div class="list-group-item"> <label data-count="18" aria-label="Filter by facet: Advanced charts" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="visualization:advanced-charts" id="id-visualization:advanced-charts"> <span aria-hidden="true" class="badge badge-pill">18</span> <i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="visualization" data-filter="visualization:advanced-charts"> <span aria-hidden="true" class="checkmark"></span> Advanced charts </label> </div> <div class="list-group-item"> <label data-count="17" aria-label="Filter by facet: Other" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="visualization:other_4" id="id-visualization:other_4"> <span aria-hidden="true" class="badge badge-pill">17</span> <i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="visualization" data-filter="visualization:other_4"> <span aria-hidden="true" class="checkmark"></span> Other </label> </div> <div class="list-group-item"> <label data-count="16" aria-label="Filter by facet: Storytelling" role="checkbox" tabindex="0" class="custom-check-wrapper" data-filter="visualization:storytelling" id="id-visualization:storytelling"> <span aria-hidden="true" class="badge badge-pill">16</span> <i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> <input aria-hidden="true" tabindex="-1" type="checkbox" data-filter-group="visualization" data-filter="visualization:storytelling"> <span aria-hidden="true" class="checkmark"></span> Storytelling </label> </div> </div> </div> <button class="right-btn" aria-label="Next facet category">></button> </div> </div> </div> <div id="nav-offset-wrapper">  <div class="row" id="tool-display"> <div class="card-grid-wrapper"> <div tabindex="0" aria-role="button" aria-label="Card displaying information on ColorBrewer press enter for details." class="card mb-3" data-id="11" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web", "features:file-exports", "type-of-data:geographic"]'> <img style="" src="/media/images/Screenshot_2020-06-05_at_12.19.02.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">ColorBrewer</h5>  <p class="short-description card-text"><a href="https://colorbrewer2.org/" class="card-link">https://colorbrewer2.org/</a><br/>Intended for use as a diagnostic tool for evaluating the robustness of individual colour schemes.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on iWantHue press enter for details." class="card mb-3" data-id="16" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web"]'> <img style="" src="/media/images/iwanthue_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">iWantHue</h5>  <p class="short-description card-text"><a href="https://medialab.github.io/iwanthue/" class="card-link">https://medialab.github.io/iwanthue/</a><br/>Colors for data scientists. Generate and refine palettes of optimally distinct colors.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on RStudio press enter for details." class="card mb-3" data-id="5" data-groups='["availability:free", "availability:open-source", "availability:paid", "programming-skills:other", "platform:apple", "platform:windows", "platform:linux", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "programming-skills:r", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:other_4", "visualization:advanced-charts"]'> <img style="" src="/media/images/rstudio_interface.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">RStudio</h5>  <p class="short-description card-text"><a href="https://rstudio.com/" class="card-link">https://rstudio.com/</a><br/>RStudio is an integrated development environment for R, a programming language for statistical computing and graphics.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on ChartBlocks press enter for details." class="card mb-3" data-id="22" data-groups='["availability:free", "availability:paid", "programming-skills:none", "features:web-publishing", "features:file-exports", "type-of-data:numeric", "type-of-data:temporal", "features:wizard", "features:pdf-export", "visualization:basic-charts"]'> <img style="" src="/media/images/Annotation_2020-06-06_110639.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">ChartBlocks</h5>  <p class="short-description card-text"><a href="https://www.chartblocks.com/en/" class="card-link">https://www.chartblocks.com/en/</a><br/>Build a chart in minutes in the easy to use chart designer, choosing from dozens of chart types and then customising it to your needs.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Gephi press enter for details." class="card mb-3" data-id="20" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:apple", "platform:windows", "platform:linux", "features:file-exports", "type-of-data:network", "visualization:networks"]'> <img style="" src="/media/images/gephi_screenshot.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">Gephi</h5>  <p class="short-description card-text"><a href="https://gephi.org/" class="card-link">https://gephi.org/</a><br/>Gephi is an open-source network analysis and visualization software package written in Java on the NetBeans platform.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Vega-Lite press enter for details." class="card mb-3" data-id="9" data-groups='["availability:open-source", "programming-skills:javascript", "platform:web", "features:web-publishing", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:other_3", "visualization:basic-charts", "visualization:maps", "visualization:advanced-charts"]'> <img style="" src="/media/images/vg_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Vega-Lite</h5>  <p class="short-description card-text"><a href="https://vega.github.io/vega-lite/" class="card-link">https://vega.github.io/vega-lite/</a><br/>Vega-Lite is a high-level grammar of interactive graphics. It provides a concise JSON syntax for rapidly generating visualizations to support analysis. Vega-Lite specifications can be compiled to Vega</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Bokeh press enter for details." class="card mb-3" data-id="15" data-groups='["availability:free", "availability:open-source", "programming-skills:python", "platform:library", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "visualization:basic-charts", "visualization:maps"]'> <img style="" src="/media/images/bokeh_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Bokeh</h5>  <p class="short-description card-text"><a href="https://docs.bokeh.org/" class="card-link">https://docs.bokeh.org/</a><br/>Bokeh is an interactive visualization library for modern web browsers.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Data Illustrator press enter for details." class="card mb-3" data-id="21" data-groups='["availability:free", "programming-skills:none", "platform:web", "features:file-exports", "type-of-data:numeric", "type-of-data:temporal", "visualization:basic-charts", "visualization:other_4"]'> <img style="" src="/media/images/interface.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Data Illustrator</h5>  <p class="short-description card-text"><a href="http://data-illustrator.com/" class="card-link">http://data-illustrator.com/</a><br/>Create infographics and data visualizations without programming.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Charticulator press enter for details." class="card mb-3" data-id="19" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web", "features:web-publishing", "features:file-exports", "type-of-data:numeric", "type-of-data:temporal", "visualization:basic-charts", "visualization:other_4"]'> <img style="" src="/media/images/charticulator_example.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">Charticulator</h5>  <p class="short-description card-text"><a href="https://charticulator.com/index.html" class="card-link">https://charticulator.com/index.html</a><br/>Allows you to create bespoke chart designs without the need for any programming.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Processing press enter for details." class="card mb-3" data-id="18" data-groups='["availability:free", "availability:open-source", "programming-skills:java", "platform:apple", "platform:windows", "platform:linux", "features:file-exports", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:other_3", "visualization:basic-charts", "visualization:maps", "visualization:networks"]'> <img style="" src="/media/images/processing_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Processing</h5>  <p class="short-description card-text"><a href="https://processing.org/" class="card-link">https://processing.org/</a><br/>Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:java" data-filter-group="programming-skills" title="Java" class="fab fa-java"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Power BI press enter for details." class="card mb-3" data-id="13" data-groups='["availability:paid", "platform:apple", "platform:windows", "type-of-data:numeric", "type-of-data:temporal", "features:wizard", "visualization:basic-charts", "visualization:storytelling"]'> <img style="" src="/media/images/powerbi_main.gif" alt="Card image"> <div class="card-body"> <h5 class="card-title">Power BI</h5>  <p class="short-description card-text"><a href="https://powerbi.microsoft.com/" class="card-link">https://powerbi.microsoft.com/</a><br/>Power BI is a collection of software services, apps, and connectors that work together to turn your unrelated sources of data into coherent, visually immersive, and interactive insights.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Mapbox press enter for details." class="card mb-3" data-id="12" data-groups='["availability:free", "availability:open-source", "availability:paid", "programming-skills:javascript", "features:web-publishing", "type-of-data:geographic", "visualization:maps"]'> <img style="" src="/media/images/mapbox_main.gif" alt="Card image"> <div class="card-body"> <h5 class="card-title">Mapbox</h5>  <p class="short-description card-text"><a href="https://www.mapbox.com/" class="card-link">https://www.mapbox.com/</a><br/>An open-source mapping platform for custom designed maps.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on MATLAB press enter for details." class="card mb-3" data-id="17" data-groups='["availability:paid", "programming-skills:other", "platform:apple", "platform:windows", "platform:linux", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "programming-skills:matlab", "visualization:basic-charts", "visualization:maps", "visualization:advanced-charts"]'> <img style="" src="/media/images/matlab_main_interface_with_vis.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">MATLAB</h5>  <p class="short-description card-text"><a href="https://uk.mathworks.com/products/matlab.html" class="card-link">https://uk.mathworks.com/products/matlab.html</a><br/>MATLAB allows matrix manipulations, plotting of functions and data, implementation of algorithms, creation of user interfaces, and interfacing with programs written in other languages.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="programming-skills:matlab" data-filter-group="programming-skills" title="Matlab" class="fas fa-file-code"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Flourish press enter for details." class="card mb-3" data-id="25" data-groups='["availability:free", "availability:paid", "programming-skills:none", "platform:web", "features:web-publishing", "features:file-exports", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "features:wizard", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:other_4", "visualization:storytelling"]'> <img style="" src="/media/images/flourish_gif.gif" alt="Card image"> <div class="card-body"> <h5 class="card-title">Flourish</h5>  <p class="short-description card-text"><a href="https://app.flourish.studio/" class="card-link">https://app.flourish.studio/</a><br/>Quickly turn your spreadsheets into online charts, maps or interactive stories. No coding required.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on The Vistorian press enter for details." class="card mb-3" data-id="10" data-groups='["availability:open-source", "platform:library", "features:file-exports", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:other_3", "type-of-data:network", "visualization:maps", "visualization:networks"]'> <img style="" src="/media/images/vistorian_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">The Vistorian</h5>  <p class="short-description card-text"><a href="https://vistorian.net/" class="card-link">https://vistorian.net/</a><br/>Interactive Visualizations for Dynamic and Multivariate Networks.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Leaflet press enter for details." class="card mb-3" data-id="8" data-groups='["availability:free", "availability:open-source", "programming-skills:javascript", "platform:web", "features:web-publishing", "features:other_2", "type-of-data:geographic", "visualization:maps"]'> <img style="" src="/media/images/leaflet_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Leaflet</h5>  <p class="short-description card-text"><a href="http://leafletjs.com/" class="card-link">http://leafletjs.com/</a><br/>JavaScript library for simple map visualizations</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Tableau Desktop press enter for details." class="card mb-3" data-id="7" data-groups='["availability:free", "availability:paid", "programming-skills:other", "platform:apple", "platform:windows", "features:web-publishing", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "features:wizard", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/tableau_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Tableau Desktop</h5>  <p class="short-description card-text"><a href="https://www.tableau.com/en-gb/products/desktop" class="card-link">https://www.tableau.com/en-gb/products/desktop</a><br/>Tableau Desktop is a powerful data visualization tool used for data science and business intelligence.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Sketch press enter for details." class="card mb-3" data-id="6" data-groups='["availability:paid", "programming-skills:other", "platform:apple", "features:file-exports", "type-of-data:numeric", "type-of-data:other_3", "visualization:basic-charts", "visualization:storytelling"]'> <img style="" src="/media/images/sketch_main.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">Sketch</h5>  <p class="short-description card-text"><a href="https://www.sketch.com/" class="card-link">https://www.sketch.com/</a><br/>Sketch is a vector graphics editor for macOS. Sketch is used primarily for designing the UI and UX of mobile apps and web.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Raw Graphs press enter for details." class="card mb-3" data-id="4" data-groups='["availability:free", "availability:open-source", "platform:web", "features:web-publishing", "features:file-exports", "features:other_2", "type-of-data:numeric", "type-of-data:temporal", "type-of-data:other_3", "visualization:basic-charts"]'> <img style="" src="/media/images/Screenshot_2020-06-05_at_17.35.07.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Raw Graphs</h5>  <p class="short-description card-text"><a href="https://rawgraphs.io/" class="card-link">https://rawgraphs.io/</a><br/>RAW Graphs is an open-source data visualization framework designed to make visualising complex data easy for everyone.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Datawrapper press enter for details." class="card mb-3" data-id="2" data-groups='["availability:open-source", "programming-skills:none", "programming-skills:javascript", "platform:web", "features:web-publishing", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "features:wizard", "visualization:basic-charts", "visualization:maps", "visualization:storytelling"]'> <img style="" src="/media/images/datawarpper_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Datawrapper</h5>  <p class="short-description card-text"><a href="https://www.datawrapper.de/" class="card-link">https://www.datawrapper.de/</a><br/>Datawrapper is an open-source web tool that you can use to create basic interactive charts.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on D3.JS press enter for details." class="card mb-3" data-id="1" data-groups='["availability:free", "availability:open-source", "programming-skills:javascript", "platform:library", "features:other_2", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/Screenshot_from_2020-01-28_17-20-45.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">D3.JS</h5>  <p class="short-description card-text"><a href="https://d3js.org/" class="card-link">https://d3js.org/</a><br/>D3.js is a JavaScript library for manipulating documents based on data.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Chart.js press enter for details." class="card mb-3" data-id="24" data-groups='["availability:free", "availability:open-source", "programming-skills:javascript", "platform:web", "platform:library", "features:web-publishing", "type-of-data:numeric", "type-of-data:temporal", "visualization:basic-charts", "visualization:other_4"]'> <img style="" src="/media/images/Annotation_2020-06-08_130644.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">Chart.js</h5>  <p class="short-description card-text"><a href="https://www.chartjs.org/" class="card-link">https://www.chartjs.org/</a><br/>Simple yet flexible JavaScript charting for designers & developers</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on QGIS press enter for details." class="card mb-3" data-id="29" data-groups='["availability:free", "availability:open-source", "programming-skills:python", "programming-skills:other", "platform:apple", "platform:windows", "platform:linux", "features:file-exports", "type-of-data:geographic", "features:pdf-export", "visualization:maps"]'> <img style="" src="/media/images/qgis_map.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">QGIS</h5>  <p class="short-description card-text"><a href="https://qgis.org/" class="card-link">https://qgis.org/</a><br/>QGIS functions as geographic information system (GIS) software, allowing users to analyze and edit spatial information, in addition to composing and exporting graphical maps.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Adobe Illustrator press enter for details." class="card mb-3" data-id="34" data-groups='["availability:paid", "programming-skills:none", "platform:apple", "platform:windows", "features:file-exports", "features:pdf-export", "visualization:storytelling"]'> <img style="" src="/media/images/Illustrator_Screenshot.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">Adobe Illustrator</h5>  <p class="short-description card-text"><a href="https://www.adobe.com/ie/products/illustrator.html" class="card-link">https://www.adobe.com/ie/products/illustrator.html</a><br/>Illustrator is vector-based design software.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Inkscape press enter for details." class="card mb-3" data-id="27" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:apple", "platform:windows", "platform:linux", "features:file-exports", "type-of-data:numeric", "type-of-data:other_3", "features:pdf-export", "visualization:basic-charts", "visualization:other_4", "visualization:storytelling"]'> <img style="" src="/media/images/inkscape-0.48-webdesign-text_1.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Inkscape</h5>  <p class="short-description card-text"><a href="https://inkscape.org" class="card-link">https://inkscape.org</a><br/>Inkscape is a free and open source vector graphics editor. It is widely used for both artistic and technical illustrations such as cartoons, clip art, logos, typography, diagramming and flowcharting.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on GraphPad Prism press enter for details." class="card mb-3" data-id="30" data-groups='["availability:paid", "programming-skills:none", "platform:apple", "platform:windows", "features:file-exports", "type-of-data:numeric", "visualization:basic-charts"]'> <img style="" src="/media/images/graphpadprism_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">GraphPad Prism</h5>  <p class="short-description card-text"><a href="https://www.graphpad.com/scientific-software/prism/" class="card-link">https://www.graphpad.com/scientific-software/prism/</a><br/>"The Fastest Way to Elegantly Graph and Share Your Work"</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on TIBCO Spotfire press enter for details." class="card mb-3" data-id="32" data-groups='["availability:paid", "programming-skills:other", "platform:windows", "platform:web", "features:web-publishing", "features:file-exports", "features:other_2", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "features:wizard", "type-of-data:network", "features:pdf-export", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:other_4", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/UIControls.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">TIBCO Spotfire</h5>  <p class="short-description card-text"><a href="https://www.tibco.com/products/tibco-spotfire" class="card-link">https://www.tibco.com/products/tibco-spotfire</a><br/>Data visualisation and analytics platform.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Timeline JS press enter for details." class="card mb-3" data-id="31" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web", "features:web-publishing", "type-of-data:temporal", "visualization:other_4", "visualization:storytelling"]'> <img style="" src="/media/images/timeline.JPG" alt="Card image"> <div class="card-body"> <h5 class="card-title">Timeline JS</h5>  <p class="short-description card-text"><a href="https://timeline.knightlab.com/" class="card-link">https://timeline.knightlab.com/</a><br/>Build visually rich, interactive timelines.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Google Charts API press enter for details." class="card mb-3" data-id="35" data-groups='["availability:free", "programming-skills:javascript", "platform:library", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "visualization:basic-charts", "visualization:maps"]'> <img style="" src="/media/images/screencapture-developers-google-chart-2020-07-03-10_50_34.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Google Charts API</h5>  <p class="short-description card-text"><a href="https://developers.google.com/chart" class="card-link">https://developers.google.com/chart</a><br/>The Google Visualization API allows you to create charts and reporting applications over structured data and helps integrate these directly into your website.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Grasshopper - plug-in for Rhino 6.0 press enter for details." class="card mb-3" data-id="33" data-groups='["availability:paid", "programming-skills:none", "programming-skills:other", "platform:windows", "features:web-publishing", "features:file-exports", "type-of-data:numeric", "type-of-data:geographic", "visualization:maps", "visualization:advanced-charts"]'> <img style="" src="/media/images/grasshopper_logo_large-1170x465.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Grasshopper - plug-in for Rhino 6.0</h5>  <p class="short-description card-text"><a href="https://www.rhino3d.com/6/new/grasshopper" class="card-link">https://www.rhino3d.com/6/new/grasshopper</a><br/>Generative design software using visual coding system of using nodes and linkages. Excellent range of plug-ins for weather, heat, building visualisation,</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Shiny press enter for details." class="card mb-3" data-id="36" data-groups='["availability:free", "availability:open-source", "availability:paid", "programming-skills:other", "platform:apple", "platform:windows", "platform:linux", "features:web-publishing", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "programming-skills:r", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:other_4", "visualization:advanced-charts"]'> <img style="" src="/media/images/Screenshot_2020-07-04_at_22.03.44.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Shiny</h5>  <p class="short-description card-text"><a href="https://shiny.rstudio.com/" class="card-link">https://shiny.rstudio.com/</a><br/>Shiny is an R package that makes it easy to build interactive web apps and dashboards straight from R.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on ArcGIS Online press enter for details." class="card mb-3" data-id="37" data-groups='["availability:free", "availability:paid", "programming-skills:none", "programming-skills:javascript", "programming-skills:other", "platform:web", "features:web-publishing", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:other_3", "features:wizard", "visualization:basic-charts", "visualization:maps", "visualization:other_4", "visualization:storytelling"]'> <img style="" src="/media/images/by_default_2020-07-06_at_11.10.06.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">ArcGIS Online</h5>  <p class="short-description card-text"><a href="https://www.arcgis.com/home/index.html" class="card-link">https://www.arcgis.com/home/index.html</a><br/>ArcGIS Online is a web GIS that allows you to use, create, and share maps, scenes, apps, layers, analytics, and data.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on ArcGIS Desktop press enter for details." class="card mb-3" data-id="39" data-groups='["availability:paid", "programming-skills:none", "programming-skills:python", "platform:windows", "features:web-publishing", "features:file-exports", "type-of-data:geographic", "features:pdf-export", "visualization:maps"]'> <img style="" src="/media/images/GUID-93A031FB-8F66-4E26-A6EA-2DB608012B2A-web.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">ArcGIS Desktop</h5>  <p class="short-description card-text"><a href="https://www.esri.com/en-gb/store/arcgis-desktop" class="card-link">https://www.esri.com/en-gb/store/arcgis-desktop</a><br/>Desktop geographic information system (GIS) application that supports viewing, editing, and analysis of geospatial data.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Exploratory press enter for details." class="card mb-3" data-id="40" data-groups='["availability:free", "availability:paid", "platform:apple", "platform:windows", "features:web-publishing", "features:file-exports", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "programming-skills:r", "visualization:basic-charts", "visualization:maps", "visualization:advanced-charts"]'> <img style="" src="/media/images/top-map.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Exploratory</h5>  <p class="short-description card-text"><a href="https://exploratory.io/" class="card-link">https://exploratory.io/</a><br/>UI for Data Science. Data Wrangling, Data Visualization, Analytics (Statistics / Machine Learning), and Communication (Dashboard / Note / Slides).</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Dynamic Network Visualization (DyNetVis) press enter for details." class="card mb-3" data-id="42" data-groups='["availability:free", "availability:open-source", "programming-skills:java", "platform:apple", "platform:windows", "platform:linux", "features:file-exports", "type-of-data:temporal", "type-of-data:network", "visualization:networks"]'> <img style="" src="/media/images/dynetvis.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Dynamic Network Visualization (DyNetVis)</h5>  <p class="short-description card-text"><a href="https://www.dynetvis.com/" class="card-link">https://www.dynetvis.com/</a><br/>DyNetVis is an interactive software tool for the visualization of dynamic networks, providing three different layouts, such as structural and temporal, and matrix.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:java" data-filter-group="programming-skills" title="Java" class="fab fa-java"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on everviz press enter for details." class="card mb-3" data-id="45" data-groups='["availability:free", "availability:paid", "programming-skills:none", "programming-skills:javascript", "platform:windows", "platform:linux", "platform:web", "features:web-publishing", "features:file-exports", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:text", "features:wizard", "features:pdf-export", "visualization:basic-charts", "visualization:maps", "visualization:other_4", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/everviz_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">everviz</h5>  <p class="short-description card-text"><a href="https://www.everviz.com" class="card-link">https://www.everviz.com</a><br/>everviz helps journalists, researchers and content creators to tell more engaging stories with interactive, responsive and accessible (a11y) visualizations.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on glue press enter for details." class="card mb-3" data-id="41" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "programming-skills:python", "platform:apple", "platform:windows", "platform:linux", "features:file-exports", "features:other_2", "type-of-data:numeric", "type-of-data:other_3", "visualization:basic-charts", "visualization:other_4", "visualization:advanced-charts"]'> <img style="" src="/media/images/glue-link.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">glue</h5>  <p class="short-description card-text"><a href="https://glueviz.org/" class="card-link">https://glueviz.org/</a><br/>The glue multi-dimensional linked-data exploration software (https://glueviz.org/) is an open-source Python tool to explore relationships within and between related datasets.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on MuzeJS Visualization press enter for details." class="card mb-3" data-id="44" data-groups='["availability:free", "availability:open-source", "programming-skills:javascript", "programming-skills:other", "platform:web", "platform:library", "features:web-publishing", "features:other_2", "type-of-data:numeric", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "visualization:basic-charts", "visualization:other_4", "visualization:advanced-charts"]'> <img style="" src="/media/images/Screen_Shot_2020-10-27_at_9.41.47_PM.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">MuzeJS Visualization</h5>  <p class="short-description card-text"><a href="https://muzejs.org/" class="card-link">https://muzejs.org/</a><br/>Create Tableau-like data visualizations in JavaScript - powered by WebAssembly</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on KNOWAGE press enter for details." class="card mb-3" data-id="46" data-groups='["availability:free", "availability:open-source", "availability:paid", "programming-skills:none", "programming-skills:python", "platform:apple", "platform:windows", "platform:linux", "platform:web", "platform:other_1", "features:web-publishing", "features:file-exports", "features:other_2", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "features:wizard", "type-of-data:network", "features:pdf-export", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:other_4", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/Immagine1dthcgpng.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">KNOWAGE</h5>  <p class="short-description card-text"><a href="https://www.knowage-suite.com/site/" class="card-link">https://www.knowage-suite.com/site/</a><br/>Knowage is the open source full suite for data visualization and data analysis over any kind of data.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="platform:other_1" data-filter-group="platform" title="Other" class="fas fa-tablet-alt"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Seaborn press enter for details." class="card mb-3" data-id="48" data-groups='["availability:free", "availability:open-source", "programming-skills:python", "platform:apple", "platform:windows", "platform:linux", "platform:library", "features:file-exports", "type-of-data:numeric", "type-of-data:temporal", "visualization:basic-charts", "visualization:advanced-charts"]'> <img style="" src="/media/images/seaborn.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Seaborn</h5>  <p class="short-description card-text"><a href="http://seaborn.pydata.org/index.html" class="card-link">http://seaborn.pydata.org/index.html</a><br/>Seaborn is a library for making statistical graphics in Python. It builds on top of matplotlib and integrates closely with pandas data structures.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on DC.js press enter for details." class="card mb-3" data-id="47" data-groups='["availability:free", "availability:open-source", "programming-skills:javascript", "platform:web", "platform:library", "features:web-publishing", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "visualization:basic-charts", "visualization:maps", "visualization:advanced-charts"]'> <img style="" src="/media/images/dcjs.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">DC.js</h5>  <p class="short-description card-text"><a href="https://dc-js.github.io/dc.js/" class="card-link">https://dc-js.github.io/dc.js/</a><br/>dc.js is a Javascript charting library designed for highly efficient exploration of large multi-dimensional datasets.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on TimeLineCurator press enter for details." class="card mb-3" data-id="51" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web", "features:web-publishing", "features:file-exports", "features:other_2", "type-of-data:temporal", "type-of-data:text", "features:wizard", "visualization:basic-charts", "visualization:storytelling"]'> <img style="" src="/media/images/timelinecurator.jpg" alt="Card image"> <div class="card-body"> <h5 class="card-title">TimeLineCurator</h5>  <p class="short-description card-text"><a href="http://timelinecurator.org/" class="card-link">http://timelinecurator.org/</a><br/>TimeLineCurator is a browser-based tool that automatically extracts temporal references from text documents using natural language processing and displays them along a visual timeline</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Coloring for Colorblindness press enter for details." class="card mb-3" data-id="49" data-groups='["availability:free", "programming-skills:none", "platform:web", "visualization:other_4"]'> <img style="" src="/media/images/colourblind_palettes.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Coloring for Colorblindness</h5>  <p class="short-description card-text"><a href="https://davidmathlogic.com/colorblind/" class="card-link">https://davidmathlogic.com/colorblind/</a><br/>A web tool to test colour palettes against different types of colour-blindness. Also includes a few established defaults and links to further resources.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Mapshaper press enter for details." class="card mb-3" data-id="50" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web", "features:file-exports", "features:other_2", "type-of-data:geographic", "visualization:maps"]'> <img style="" src="/media/images/mapshaper.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Mapshaper</h5>  <p class="short-description card-text"><a href="https://mapshaper.org/" class="card-link">https://mapshaper.org/</a><br/>Mapshaper is web tool for editing Shapefile, GeoJSON, TopoJSON, CSV and several other geo-spatial data formats. Mapshaper supports essential map making tasks like simplifying shapes, editing attribute</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on JMP press enter for details." class="card mb-3" data-id="54" data-groups='["availability:paid", "programming-skills:other", "platform:apple", "platform:windows", "features:web-publishing", "features:file-exports", "features:other_2", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "features:wizard", "features:pdf-export", "visualization:basic-charts", "visualization:maps", "visualization:other_4", "visualization:advanced-charts"]'> <img style="" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Card image"> <div class="card-body"> <h5 class="card-title">JMP</h5>  <p class="short-description card-text"><a href="https://jmp.com" class="card-link">https://jmp.com</a><br/>JMP software combines interactive visualization with powerful statistics.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Colorgorical press enter for details." class="card mb-3" data-id="55" data-groups='["availability:free", "availability:open-source", "programming-skills:none", "platform:web", "features:other_2"]'> <img style="" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Card image"> <div class="card-body"> <h5 class="card-title">Colorgorical</h5>  <p class="short-description card-text"><a href="http://vrl.cs.brown.edu/color" class="card-link">http://vrl.cs.brown.edu/color</a><br/>Generate a color palette for n colours that are perceptually distant.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Observable press enter for details." class="card mb-3" data-id="63" data-groups='["availability:free", "availability:open-source", "availability:paid", "programming-skills:none", "programming-skills:javascript", "platform:web", "features:web-publishing", "features:file-exports", "features:other_2", "type-of-data:numeric", "type-of-data:geographic", "type-of-data:temporal", "type-of-data:text", "type-of-data:other_3", "type-of-data:network", "visualization:basic-charts", "visualization:maps", "visualization:networks", "visualization:other_4", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/observable.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Observable</h5>  <p class="short-description card-text"><a href="https://observablehq.com/" class="card-link">https://observablehq.com/</a><br/>Observable is a platform where you can collaboratively explore, analyze, visualize, and communicate with data on the web.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Plotly Dash press enter for details." class="card mb-3" data-id="14" data-groups='["availability:open-source", "programming-skills:none", "programming-skills:python", "platform:web", "type-of-data:numeric", "type-of-data:temporal", "type-of-data:other_3", "programming-skills:r", "visualization:basic-charts", "visualization:maps", "visualization:advanced-charts", "visualization:storytelling"]'> <img style="" src="/media/images/plotly_main.png" alt="Card image"> <div class="card-body"> <h5 class="card-title">Plotly Dash</h5>  <p class="short-description card-text"><a href="https://plotly.com/dash/" class="card-link">https://plotly.com/dash/</a><br/>For building web-based analytic apps without the need for JavaScript.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i></li> </ul> </div> <div tabindex="0" aria-role="button" aria-label="Card displaying information on Data Viz Projects press enter for details." class="card mb-3" data-id="64" data-groups='["availability:free", "programming-skills:none", "platform:web"]'> <img style="" src="/media/images/dvp.PNG" alt="Card image"> <div class="card-body"> <h5 class="card-title">Data Viz Projects</h5>  <p class="short-description card-text"><a href="https://datavizproject.com/" class="card-link">https://datavizproject.com/</a><br/>You enter your facets - type of data, structure of data set, what you want to achieve - and the tool suggests a suitable visualization type - chart, map, etc.</p> </div> <ul aria-label="Tools facets" class="list-group list-group-flush"> <li class="list-group-item availabilities"><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i></li> </ul> </div> </div> <div class="tool-detail-wrapper"> <div aria-label="Details on ColorBrewer" tabindex="0" class="tool-details" id="tool-detail-11"> <div class="tool-details-header"> <h2>ColorBrewer</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Screenshot_2020-06-05_at_12.19.02.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Screenshot_2020-06-05_at_12.19.02.png" alt="Image showing ColorBrewer"> </a> </div> <br class="clear" /> <p><a href="https://colorbrewer2.org/">https://colorbrewer2.org/</a><br/>Intended for use as a diagnostic tool for evaluating the robustness of individual colour schemes.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> </ul> <button class="btn similar-tool-filter" data-tools="46,50,63,66,60">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_11_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-11-reviews-tab" data-toggle="tab" href="#tool-11-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-11-tutorials-tab" data-toggle="tab" href="#tool-11-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-11-reviews" role="tabpanel" aria-labelledby="11-reviews-tab"> <a class="btn add-review" href="/tools/11/reviews/new/">Add a review of ColorBrewer</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-11-tutorials" role="tabpanel" aria-labelledby="11-tutorials-tab"> <a class="btn add-review" href="/tools/11/tutorials/new/">Add a tutorial for ColorBrewer</a> <h5 class="review-heading"> Colorbrewer video tutorial </h5> <div class="vote_count_tutorial_12"> <p>Upvotes: 3 <button class="upvote-button" type="button" id="id_upvote_12">Upvote</button></p> </div> <p>Link: <a href="https://www.youtube.com/watch?v=zrZbVpUZOHs">https://www.youtube.com/watch?v=zrZbVpUZOHs</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on iWantHue" tabindex="0" class="tool-details" id="tool-detail-16"> <div class="tool-details-header"> <h2>iWantHue</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/iwanthue_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/iwanthue_main.png" alt="Image showing iWantHue"> </a> </div> <br class="clear" /> <p><a href="https://medialab.github.io/iwanthue/">https://medialab.github.io/iwanthue/</a><br/>Colors for data scientists. Generate and refine palettes of optimally distinct colors.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> </ul> <button class="btn similar-tool-filter" data-tools="31,63,46,51,19">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_16_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-16-reviews-tab" data-toggle="tab" href="#tool-16-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-16-tutorials-tab" data-toggle="tab" href="#tool-16-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-16-reviews" role="tabpanel" aria-labelledby="16-reviews-tab"> <a class="btn add-review" href="/tools/16/reviews/new/">Add a review of iWantHue</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-16-tutorials" role="tabpanel" aria-labelledby="16-tutorials-tab"> <a class="btn add-review" href="/tools/16/tutorials/new/">Add a tutorial for iWantHue</a> <h5 class="review-heading"> Official tutorials for iWantHue </h5> <div class="vote_count_tutorial_17"> <p>Upvotes: 4 <button class="upvote-button" type="button" id="id_upvote_17">Upvote</button></p> </div> <p>Link: <a href="https://medialab.github.io/iwanthue/tutorial/">https://medialab.github.io/iwanthue/tutorial/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on RStudio" tabindex="0" class="tool-details" id="tool-detail-5"> <div class="tool-details-header"> <h2>RStudio</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/rstudio_interface.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/rstudio_interface.png" alt="Image showing RStudio"> </a> </div> <br class="clear" /> <p><a href="https://rstudio.com/">https://rstudio.com/</a><br/>RStudio is a free and open-source software for data science, scientific research, and technical communication.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i> R</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="36,46,7,32,63">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 2 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_5_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-5-reviews-tab" data-toggle="tab" href="#tool-5-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-5-tutorials-tab" data-toggle="tab" href="#tool-5-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-5-reviews" role="tabpanel" aria-labelledby="5-reviews-tab"> <a class="btn add-review" href="/tools/5/reviews/new/">Add a review of RStudio</a> <h5 class="review-heading"> Review 1 <span class="date">26 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>This tool requires a good knowledge of how to code in R in order to manage the data to be visualised. Additionally, some understanding of html and CSS is useful in order to visualise data.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>R shiny gives very impressive results 'out of the box'. However, a lot of learning is required to match the generic examples in R Shiny to one's own data.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The tool provides very clear visualisations with almost limitless customisation options.</p> <h5 class="review-heading"> Review 2 <span class="date">7 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>R Studio is one of the more intuitive IDEs. It’s easy to navigate through different folders, files and plots. There’s also a useful help section. You will, of course, need to know R.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>R Studio is always my first port of call when beginning a data project as it’s a “one stop shop”. R and R Studio can handle data processing and manipulation, analysis and then also visualisation.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The default graphs produced aren’t the prettiest however, it’s very easy to customise them.</p> <h5 class="review-heading"> Review 3 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Out-of-the-box R is difficult to use if you are not familiar with programming. For non-technical people this would be problematic. R is primarily centred around statistical insights.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>If you can get used to the programming interface and understand the statistical theory, R is a very powerful tool.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Basic R graphs are very basic but perform the task adequately. R Shiny is better for presentation of data.</p> <h5 class="review-heading"> Review 4 <span class="date">14 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>If you are cleaning/preparing your data in R, then you have the knowledge to use R's graphics packages. If not, then it would be a steep learning curve to use R just for its graphics.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>For experienced R users, there is little need to go elsewhere for statistical and graphical needs. Learning R takes time, so it's a long term investment, not a quick fix.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>With R's multiple graphics packages, you have unlimited access to graphic capabilities constrained only by ones imagination and technical coding skills. Every aspect of every graph can be controlled.</p> </div> <div class="tab-pane " id="tool-5-tutorials" role="tabpanel" aria-labelledby="5-tutorials-tab"> <a class="btn add-review" href="/tools/5/tutorials/new/">Add a tutorial for RStudio</a> <h5 class="review-heading"> R Studio Education </h5> <div class="vote_count_tutorial_7"> <p>Upvotes: 3 <button class="upvote-button" type="button" id="id_upvote_7">Upvote</button></p> </div> <p>Link: <a href="https://education.rstudio.com/">https://education.rstudio.com/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on ChartBlocks" tabindex="0" class="tool-details" id="tool-detail-22"> <div class="tool-details-header"> <h2>ChartBlocks</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Annotation_2020-06-06_110639.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Annotation_2020-06-06_110639.jpg" alt="Image showing ChartBlocks"> </a> </div> <br class="clear" /> <p><a href="https://www.chartblocks.com/en/">https://www.chartblocks.com/en/</a><br/>No coding required. Build a chart in minutes in the easy to use chart designer, choosing from dozens of chart types and then customising it to your needs.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> </ul> <button class="btn similar-tool-filter" data-tools="46,60,43,25,45">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Overall scores 3 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_22_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-22-reviews-tab" data-toggle="tab" href="#tool-22-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-22-tutorials-tab" data-toggle="tab" href="#tool-22-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-22-reviews" role="tabpanel" aria-labelledby="22-reviews-tab"> <a class="btn add-review" href="/tools/22/reviews/new/">Add a review of ChartBlocks</a> <h5 class="review-heading"> Review 1 <span class="date">6 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> <h5 class="review-heading"> Review 2 <span class="date">13 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>- Interface very simple and user friendly. It guides you through each step with clear prompts and instructions. - Lots of templates to choose from</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Simple but very limited in terms of functionality and chart types</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> </div> <div class="tab-pane " id="tool-22-tutorials" role="tabpanel" aria-labelledby="22-tutorials-tab"> <a class="btn add-review" href="/tools/22/tutorials/new/">Add a tutorial for ChartBlocks</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Gephi" tabindex="0" class="tool-details" id="tool-detail-20"> <div class="tool-details-header"> <h2>Gephi</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/gephi_screenshot.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/gephi_screenshot.jpg" alt="Image showing Gephi"> </a> </div> <br class="clear" /> <p><a href="https://gephi.org/">https://gephi.org/</a><br/>Gephi is an open-source network analysis and visualization software package written in Java on the NetBeans platform.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> Network</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> </ul> <button class="btn similar-tool-filter" data-tools="46,65,42,41,28">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_20_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-20-reviews-tab" data-toggle="tab" href="#tool-20-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-20-tutorials-tab" data-toggle="tab" href="#tool-20-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-20-reviews" role="tabpanel" aria-labelledby="20-reviews-tab"> <a class="btn add-review" href="/tools/20/reviews/new/">Add a review of Gephi</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-20-tutorials" role="tabpanel" aria-labelledby="20-tutorials-tab"> <a class="btn add-review" href="/tools/20/tutorials/new/">Add a tutorial for Gephi</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Vega-Lite" tabindex="0" class="tool-details" id="tool-detail-9"> <div class="tool-details-header"> <h2>Vega-Lite</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/vg_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/vg_main.png" alt="Image showing Vega-Lite"> </a> </div> <br class="clear" /> <p><a href="https://vega.github.io/vega-lite/">https://vega.github.io/vega-lite/</a><br/>Vega-Lite is a high-level grammar of interactive graphics. It provides a concise JSON syntax for rapidly generating visualizations to support analysis. Vega-Lite specifications can be compiled to Vega</p> <ul class="hard-facets"> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="63,47,60,46,2">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_9_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-9-reviews-tab" data-toggle="tab" href="#tool-9-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-9-tutorials-tab" data-toggle="tab" href="#tool-9-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-9-reviews" role="tabpanel" aria-labelledby="9-reviews-tab"> <a class="btn add-review" href="/tools/9/reviews/new/">Add a review of Vega-Lite</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-9-tutorials" role="tabpanel" aria-labelledby="9-tutorials-tab"> <a class="btn add-review" href="/tools/9/tutorials/new/">Add a tutorial for Vega-Lite</a> <h5 class="review-heading"> Getting started with Vega-Lite </h5> <div class="vote_count_tutorial_10"> <p>Upvotes: 3 <button class="upvote-button" type="button" id="id_upvote_10">Upvote</button></p> </div> <p>Link: <a href="https://vega.github.io/vega-lite/tutorials/getting_started.html">https://vega.github.io/vega-lite/tutorials/getting_started.html</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Bokeh" tabindex="0" class="tool-details" id="tool-detail-15"> <div class="tool-details-header"> <h2>Bokeh</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/bokeh_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/bokeh_main.png" alt="Image showing Bokeh"> </a> </div> <br class="clear" /> <p><a href="https://docs.bokeh.org/">https://docs.bokeh.org/</a><br/>Bokeh is an interactive visualization library for modern web browsers.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="46,1,47,63,18">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 3 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_15_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-15-reviews-tab" data-toggle="tab" href="#tool-15-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-15-tutorials-tab" data-toggle="tab" href="#tool-15-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-15-reviews" role="tabpanel" aria-labelledby="15-reviews-tab"> <a class="btn add-review" href="/tools/15/reviews/new/">Add a review of Bokeh</a> <h5 class="review-heading"> Review 1 <span class="date">28 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>As a novice Python user, I found I could learn in an hour how to make a couple of basic graphs. It will take a bit of memorising to remember the forms, which are different for different graph types.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>This will be a really useful tool to quickly generate visualisations without leaving the coding environment, once you are familiar with the language.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Produced professional looking graphs quickly with basic skills and the examples in the gallery look great.</p> <h5 class="review-heading"> Review 2 <span class="date">5 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>It has quite a steep learning curve, and the docs are not always great, but the main devs will usually respond quickly to queries via Twitter or StackOverflow, so support is available.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>A very powerful and flexible library with good Pandas integration. I've previously had issues with compatibility between versions, but its now much more stable. Well worth taking the time to learn.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Default plot styles are attractive. It is very flexible so with some effort/programming knowledge you can customize almost all aspects of a plot to suit your needs.</p> <h5 class="review-heading"> Review 3 <span class="date">15 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Bokeh is the default library for interactive data visualisation in Python.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Bokeh has a power server feature for stand explanatory data analysis but also a smooth integration to jupyter notebooks which makes it easy to use during explanatory data analysis.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Bokeh has a vast selection of Glyphs so there are unlimited possibilities on visualisation</p> </div> <div class="tab-pane " id="tool-15-tutorials" role="tabpanel" aria-labelledby="15-tutorials-tab"> <a class="btn add-review" href="/tools/15/tutorials/new/">Add a tutorial for Bokeh</a> <h5 class="review-heading"> Bokeh user guide </h5> <div class="vote_count_tutorial_16"> <p>Upvotes: 3 <button class="upvote-button" type="button" id="id_upvote_16">Upvote</button></p> </div> <p>Link: <a href="https://docs.bokeh.org/en/latest/docs/user_guide.html">https://docs.bokeh.org/en/latest/docs/user_guide.html</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Data Illustrator" tabindex="0" class="tool-details" id="tool-detail-21"> <div class="tool-details-header"> <h2>Data Illustrator</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/interface.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/interface.png" alt="Image showing Data Illustrator"> </a> </div> <br class="clear" /> <p><a href="http://data-illustrator.com/">http://data-illustrator.com/</a><br/>Create infographics and data visualizations without programming.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> </ul> <button class="btn similar-tool-filter" data-tools="60,19,61,63,46">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Top tutorial</h5> <h6 class="review-heading"> Officially "Getting Started" pages </h6> <div class="vote_count_tutorial_21"> <p>Upvotes: 5 <button class="upvote-button" type="button" id="id_upvote_21">Upvote</button></p> </div> <p>Link: <a href="http://data-illustrator.com/tutorial.php">http://data-illustrator.com/tutorial.php</a></p> </div> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_21_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-21-reviews-tab" data-toggle="tab" href="#tool-21-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-21-tutorials-tab" data-toggle="tab" href="#tool-21-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-21-reviews" role="tabpanel" aria-labelledby="21-reviews-tab"> <a class="btn add-review" href="/tools/21/reviews/new/">Add a review of Data Illustrator</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-21-tutorials" role="tabpanel" aria-labelledby="21-tutorials-tab"> <a class="btn add-review" href="/tools/21/tutorials/new/">Add a tutorial for Data Illustrator</a> <h5 class="review-heading"> Officially "Getting Started" pages </h5> <div class="vote_count_tutorial_21"> <p>Upvotes: 5 <button class="upvote-button" type="button" id="id_upvote_21">Upvote</button></p> </div> <p>Link: <a href="http://data-illustrator.com/tutorial.php">http://data-illustrator.com/tutorial.php</a></p> <hr /> <h5 class="review-heading"> 2 tutorial videos </h5> <div class="vote_count_tutorial_20"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_20">Upvote</button></p> </div> <p>Link: <a href="http://datavizcatalogue.com/blog/data-illustrator-looks-promising">http://datavizcatalogue.com/blog/data-illustrator-looks-promising</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Charticulator" tabindex="0" class="tool-details" id="tool-detail-19"> <div class="tool-details-header"> <h2>Charticulator</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/charticulator_example.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/charticulator_example.jpg" alt="Image showing Charticulator"> </a> </div> <br class="clear" /> <p><a href="https://charticulator.com/index.html">https://charticulator.com/index.html</a><br/>Allows you to create bespoke chart designs without the need for any programming.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,61,60,25">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_19_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-19-reviews-tab" data-toggle="tab" href="#tool-19-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-19-tutorials-tab" data-toggle="tab" href="#tool-19-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-19-reviews" role="tabpanel" aria-labelledby="19-reviews-tab"> <a class="btn add-review" href="/tools/19/reviews/new/">Add a review of Charticulator</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-19-tutorials" role="tabpanel" aria-labelledby="19-tutorials-tab"> <a class="btn add-review" href="/tools/19/tutorials/new/">Add a tutorial for Charticulator</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Processing" tabindex="0" class="tool-details" id="tool-detail-18"> <div class="tool-details-header"> <h2>Processing</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/processing_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/processing_main.png" alt="Image showing Processing"> </a> </div> <br class="clear" /> <p><a href="https://processing.org/">https://processing.org/</a><br/>Processing is a flexible software sketchbook and a language for learning how to code within the context of the visual arts.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:java" data-filter-group="programming-skills" title="Java" class="fab fa-java"></i> Java</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> </ul> <button class="btn similar-tool-filter" data-tools="46,5,36,63,7">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_18_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-18-reviews-tab" data-toggle="tab" href="#tool-18-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-18-tutorials-tab" data-toggle="tab" href="#tool-18-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-18-reviews" role="tabpanel" aria-labelledby="18-reviews-tab"> <a class="btn add-review" href="/tools/18/reviews/new/">Add a review of Processing</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-18-tutorials" role="tabpanel" aria-labelledby="18-tutorials-tab"> <a class="btn add-review" href="/tools/18/tutorials/new/">Add a tutorial for Processing</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Power BI" tabindex="0" class="tool-details" id="tool-detail-13"> <div class="tool-details-header"> <h2>Power BI</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/powerbi_main.gif" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/powerbi_main.gif" alt="Image showing Power BI"> </a> </div> <br class="clear" /> <p><a href="https://powerbi.microsoft.com/">https://powerbi.microsoft.com/</a><br/>Power BI is a collection of software services, apps, and connectors that work together to turn your unrelated sources of data into coherent, visually immersive, and interactive insights.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,7,54,32,45">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 3 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 2 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="overall-ratings"> <h5>Top tutorial</h5> <h6 class="review-heading"> Microsoft guide to Power BI </h6> <div class="vote_count_tutorial_14"> <p>Upvotes: 2 <button class="upvote-button" type="button" id="id_upvote_14">Upvote</button></p> </div> <p>Link: <a href="https://docs.microsoft.com/en-us/power-bi/guided-learning/">https://docs.microsoft.com/en-us/power-bi/guided-learning/</a></p> </div> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_13_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-13-reviews-tab" data-toggle="tab" href="#tool-13-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-13-tutorials-tab" data-toggle="tab" href="#tool-13-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-13-reviews" role="tabpanel" aria-labelledby="13-reviews-tab"> <a class="btn add-review" href="/tools/13/reviews/new/">Add a review of Power BI</a> <h5 class="review-heading"> Review 1 <span class="date">4 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Intuitive layout and user journey. Good for users who have used Microsoft Excel (and Power Query) may find it familiar layout. Not available on macOS.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Good for creating simple dashboards with basic charts. Nice user interactivity between visuals and hierarchical drill down abilities. Can connect to many different data sources.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Good range of basic visuals (and can download more from online), but perhaps not quite as aesthetic as some Tableau visuals.</p> <h5 class="review-heading"> Review 2 <span class="date">15 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Power BI is quite intuitive and easy to use. It has a Python and R integration also but it is limited</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Power BI is Microsoft's dashboard creating software. There are significant limitations still in the software like number of points on scatter plots or visuals that display lines and points.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>There is a limited amount of dashboards that you can create</p> </div> <div class="tab-pane " id="tool-13-tutorials" role="tabpanel" aria-labelledby="13-tutorials-tab"> <a class="btn add-review" href="/tools/13/tutorials/new/">Add a tutorial for Power BI</a> <h5 class="review-heading"> Microsoft guide to Power BI </h5> <div class="vote_count_tutorial_14"> <p>Upvotes: 2 <button class="upvote-button" type="button" id="id_upvote_14">Upvote</button></p> </div> <p>Link: <a href="https://docs.microsoft.com/en-us/power-bi/guided-learning/">https://docs.microsoft.com/en-us/power-bi/guided-learning/</a></p> <hr /> <h5 class="review-heading"> Microsoft Power BI - Up & Running With Power BI Desktop (Udemy) </h5> <div class="vote_count_tutorial_19"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_19">Upvote</button></p> </div> <p>Link: <a href="https://www.udemy.com/course/microsoft-power-bi-up-running-with-power-bi-desktop/">https://www.udemy.com/course/microsoft-power-bi-up-running-with-power-bi-desktop/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Mapbox" tabindex="0" class="tool-details" id="tool-detail-12"> <div class="tool-details-header"> <h2>Mapbox</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/mapbox_main.gif" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/mapbox_main.gif" alt="Image showing Mapbox"> </a> </div> <br class="clear" /> <p><a href="https://www.mapbox.com/">https://www.mapbox.com/</a><br/>An open-source mapping platform for custom designed maps.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="63,47,60,8,45">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_12_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-12-reviews-tab" data-toggle="tab" href="#tool-12-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-12-tutorials-tab" data-toggle="tab" href="#tool-12-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-12-reviews" role="tabpanel" aria-labelledby="12-reviews-tab"> <a class="btn add-review" href="/tools/12/reviews/new/">Add a review of Mapbox</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-12-tutorials" role="tabpanel" aria-labelledby="12-tutorials-tab"> <a class="btn add-review" href="/tools/12/tutorials/new/">Add a tutorial for Mapbox</a> <h5 class="review-heading"> mapbox official tutorial section </h5> <div class="vote_count_tutorial_13"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_13">Upvote</button></p> </div> <p>Link: <a href="https://docs.mapbox.com/help/tutorials/">https://docs.mapbox.com/help/tutorials/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on MATLAB" tabindex="0" class="tool-details" id="tool-detail-17"> <div class="tool-details-header"> <h2>MATLAB</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/matlab_main_interface_with_vis.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/matlab_main_interface_with_vis.png" alt="Image showing MATLAB"> </a> </div> <br class="clear" /> <p><a href="https://uk.mathworks.com/products/matlab.html">https://uk.mathworks.com/products/matlab.html</a><br/>MATLAB allows matrix manipulations, plotting of functions and data, implementation of algorithms, creation of user interfaces, and interfacing with programs written in other languages.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="programming-skills:matlab" data-filter-group="programming-skills" title="Matlab" class="fas fa-file-code"></i> Matlab</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="36,5,46,54,7">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_17_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-17-reviews-tab" data-toggle="tab" href="#tool-17-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-17-tutorials-tab" data-toggle="tab" href="#tool-17-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-17-reviews" role="tabpanel" aria-labelledby="17-reviews-tab"> <a class="btn add-review" href="/tools/17/reviews/new/">Add a review of MATLAB</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-17-tutorials" role="tabpanel" aria-labelledby="17-tutorials-tab"> <a class="btn add-review" href="/tools/17/tutorials/new/">Add a tutorial for MATLAB</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Flourish" tabindex="0" class="tool-details" id="tool-detail-25"> <div class="tool-details-header"> <h2>Flourish</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/flourish_gif.gif" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/flourish_gif.gif" alt="Image showing Flourish"> </a> </div> <br class="clear" /> <p><a href="https://app.flourish.studio/">https://app.flourish.studio/</a><br/>Quickly turn your spreadsheets into online charts, maps or interactive stories. Publish, present or download the data visualization. There is no need to code or install any software.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,45,60,61">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_25_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-25-reviews-tab" data-toggle="tab" href="#tool-25-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-25-tutorials-tab" data-toggle="tab" href="#tool-25-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-25-reviews" role="tabpanel" aria-labelledby="25-reviews-tab"> <a class="btn add-review" href="/tools/25/reviews/new/">Add a review of Flourish</a> <h5 class="review-heading"> Review 1 <span class="date">28 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>Really easy to use. Instantly see the changes you are making and see previews on different screen sizes.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Limited in what visuals you can make, and you need to pay to remove branding and keep your data and visuals private. A couple of other quirks like the map not showing when you download the visual.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Looks really good and good flexibility</p> <h5 class="review-heading"> Review 2 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Easy to understand layout, with useful pop-up help guides that I appreciated as someone new to using vis tools. It was fun and interesting to explore different techniques without getting overwhelmed.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Lots of options in the free version but there are limitations such as branding and privacy. I had issues exporting in the survey option, but I have heard there is a work around by using story editor.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>These are simple designs that are engaging and fun to interact with. I would be interested to see what the differences are in the paid version to manipulate the design templates.</p> <h5 class="review-heading"> Review 3 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>Easy to use, clear layout and handy that can easily switch between data (and selections to visualise) and preview of visual.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Good level of basic customisation but does have some limitations. Has nice feature of creating 'stories' which is great for data story telling and guising end users through your data visualisations.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Visuals are really slick and has nice functionality of being able to 'play' visuals to show how the data changes over time.</p> <h5 class="review-heading"> Review 4 <span class="date">5 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Definitely has a few quirks but in general is very usable. The main positive over other similar tools on the market (datawrapper for example) is that you can instantly see any changes you have made.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Although the free account allows you access to 99% of functionality, it does have the drawback of making your data public.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>You can make very beautiful charts in Flourish and it generally uses good practice in datavis and design as default. With the number of customisation options available you can also make bad charts!</p> <h5 class="review-heading"> Review 5 <span class="date">11 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The UI is quite clear. While the charts are very customisable, all the UI elements are well grouped and highlighted when necessary, help is contextual, activities are intuitive.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Great tool to explore your data with different visualisations. A possible drawback is that you can't manipulate your data once uploaded (you can edit it and filter it, but not change its shape).</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Generated charts are quite nice, there are sensible color palettes included, simple animations are provided, and the ability to create presentations is a nice addition.</p> <h5 class="review-heading"> Review 6 <span class="date">30 May 2022</span> </h5> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Looks clean and professional but does not allow for much custom design</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Great if you need to produce a volume of visualisations at pace</p> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Really easy to get started because of all the pre-built template - but the constraints of the templates can be frustrating</p> </div> <div class="tab-pane " id="tool-25-tutorials" role="tabpanel" aria-labelledby="25-tutorials-tab"> <a class="btn add-review" href="/tools/25/tutorials/new/">Add a tutorial for Flourish</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on The Vistorian" tabindex="0" class="tool-details" id="tool-detail-10"> <div class="tool-details-header"> <h2>The Vistorian</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/vistorian_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/vistorian_main.png" alt="Image showing The Vistorian"> </a> </div> <br class="clear" /> <p><a href="https://vistorian.net/">https://vistorian.net/</a><br/>The Vistorian is an online platform that provides interactive visualization for various kinds of networks. It is a collaborative open-source research-project currently in the prototyping phase.</p> <ul class="hard-facets"> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> Network</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,1,18,32">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Top tutorial</h5> <h6 class="review-heading"> Visualising networks with The Vistorian. A new tutorial </h6> <div class="vote_count_tutorial_11"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_11">Upvote</button></p> </div> <p>Link: <a href="https://archaeologicalnetworks.wordpress.com/2018/12/05/visualising-networks-with-the-vistorian-a-new-tutorial/">https://archaeologicalnetworks.wordpress.com/2018/12/05/visualising-networks-with-the-vistorian-a-new-tutorial/</a></p> </div> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_10_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-10-reviews-tab" data-toggle="tab" href="#tool-10-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-10-tutorials-tab" data-toggle="tab" href="#tool-10-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-10-reviews" role="tabpanel" aria-labelledby="10-reviews-tab"> <a class="btn add-review" href="/tools/10/reviews/new/">Add a review of The Vistorian</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-10-tutorials" role="tabpanel" aria-labelledby="10-tutorials-tab"> <a class="btn add-review" href="/tools/10/tutorials/new/">Add a tutorial for The Vistorian</a> <h5 class="review-heading"> Visualising networks with The Vistorian. A new tutorial </h5> <div class="vote_count_tutorial_11"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_11">Upvote</button></p> </div> <p>Link: <a href="https://archaeologicalnetworks.wordpress.com/2018/12/05/visualising-networks-with-the-vistorian-a-new-tutorial/">https://archaeologicalnetworks.wordpress.com/2018/12/05/visualising-networks-with-the-vistorian-a-new-tutorial/</a></p> <hr /> <h5 class="review-heading"> Networks and Relations in The Vistorian </h5> <div class="vote_count_tutorial_26"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_26">Upvote</button></p> </div> <p>Link: <a href="https://youtu.be/WRD51eScsDQ">https://youtu.be/WRD51eScsDQ</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Leaflet" tabindex="0" class="tool-details" id="tool-detail-8"> <div class="tool-details-header"> <h2>Leaflet</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/leaflet_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/leaflet_main.png" alt="Image showing Leaflet"> </a> </div> <br class="clear" /> <p><a href="http://leafletjs.com/">http://leafletjs.com/</a><br/>JavaScript library for simple map visualizations</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="63,47,46,45,1">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_8_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-8-reviews-tab" data-toggle="tab" href="#tool-8-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-8-tutorials-tab" data-toggle="tab" href="#tool-8-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-8-reviews" role="tabpanel" aria-labelledby="8-reviews-tab"> <a class="btn add-review" href="/tools/8/reviews/new/">Add a review of Leaflet</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-8-tutorials" role="tabpanel" aria-labelledby="8-tutorials-tab"> <a class="btn add-review" href="/tools/8/tutorials/new/">Add a tutorial for Leaflet</a> <h5 class="review-heading"> LeafletJS Tutorial </h5> <div class="vote_count_tutorial_9"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_9">Upvote</button></p> </div> <p>Link: <a href="https://www.tutorialspoint.com/leafletjs/index.htm">https://www.tutorialspoint.com/leafletjs/index.htm</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Tableau Desktop" tabindex="0" class="tool-details" id="tool-detail-7"> <div class="tool-details-header"> <h2>Tableau Desktop</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/tableau_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/tableau_main.png" alt="Image showing Tableau Desktop"> </a> </div> <br class="clear" /> <p><a href="https://www.tableau.com/en-gb/products/desktop">https://www.tableau.com/en-gb/products/desktop</a><br/>Tableau Desktop is a powerful data visualization tool used for data science and business intelligence.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,36,32,5,54">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 3 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_7_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-7-reviews-tab" data-toggle="tab" href="#tool-7-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-7-tutorials-tab" data-toggle="tab" href="#tool-7-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-7-reviews" role="tabpanel" aria-labelledby="7-reviews-tab"> <a class="btn add-review" href="/tools/7/reviews/new/">Add a review of Tableau Desktop</a> <h5 class="review-heading"> Review 1 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Tableau is intuitive to use to produce various visuals and dashboards. Tool does not require a lot of coding knowledge in order to provide intended visualisations.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Tool is relativity easy to use for building dashboards and maintainable visualisations and has supportive online community. However, to produce a more complex/creative visuals might not be as easy.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>UI of the tool is intuitive and allows user to create quickly basic visuals. On the other hand, a more bespoke visuals might require "visual hacks".</p> <h5 class="review-heading"> Review 2 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>For what it does, it's pretty good. Its drag and drop features are particularly good and intuitive to use - you drag and drop to preview a set of data, or to create a chart, or to customise it.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>As a newbie in vis I appreciated the intuitive UI for exploring data and visualisations. At least as a starting tool, it seems like a good one-stop app for data prep, analysis, vis and publishing.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Clean layout, with good central space in which to create chart, and data fields and customisation features to hand without cluttering the workspace.</p> <h5 class="review-heading"> Review 3 <span class="date">29 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Does not work with Linux. Not intuitive for the novice/beginner user.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>I used Tableau Public not Desktop so that may have affected the experience. I received a lot of emails once signing up for an account for this data vis tool, it felt like being spammed.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Aesthetically lovely to use</p> </div> <div class="tab-pane " id="tool-7-tutorials" role="tabpanel" aria-labelledby="7-tutorials-tab"> <a class="btn add-review" href="/tools/7/tutorials/new/">Add a tutorial for Tableau Desktop</a> <h5 class="review-heading"> Tableau Tutorial for Beginners </h5> <div class="vote_count_tutorial_8"> <p>Upvotes: 2 <button class="upvote-button" type="button" id="id_upvote_8">Upvote</button></p> </div> <p>Link: <a href="https://www.udemy.com/course/tableau-tutorial-for-beginners/">https://www.udemy.com/course/tableau-tutorial-for-beginners/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Sketch" tabindex="0" class="tool-details" id="tool-detail-6"> <div class="tool-details-header"> <h2>Sketch</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/sketch_main.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/sketch_main.jpg" alt="Image showing Sketch"> </a> </div> <br class="clear" /> <p><a href="https://www.sketch.com/">https://www.sketch.com/</a><br/>Sketch is a vector graphics editor for macOS. Sketch is used primarily for designing the UI and UX of mobile apps and web. Through the use of plug-ins such as Charts you can easily produce professional-looking data visualizations.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="32,7,46,37,5">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_6_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-6-reviews-tab" data-toggle="tab" href="#tool-6-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-6-tutorials-tab" data-toggle="tab" href="#tool-6-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-6-reviews" role="tabpanel" aria-labelledby="6-reviews-tab"> <a class="btn add-review" href="/tools/6/reviews/new/">Add a review of Sketch</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-6-tutorials" role="tabpanel" aria-labelledby="6-tutorials-tab"> <a class="btn add-review" href="/tools/6/tutorials/new/">Add a tutorial for Sketch</a> <h5 class="review-heading"> Intro to Sketch - Beginners guide to Sketch Basics YouTube video </h5> <div class="vote_count_tutorial_5"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_5">Upvote</button></p> </div> <p>Link: <a href="https://www.youtube.com/watch?v=qywB0JHQeC4">https://www.youtube.com/watch?v=qywB0JHQeC4</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Raw Graphs" tabindex="0" class="tool-details" id="tool-detail-4"> <div class="tool-details-header"> <h2>Raw Graphs</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Screenshot_2020-06-05_at_17.35.07.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Screenshot_2020-06-05_at_17.35.07.png" alt="Image showing Raw Graphs"> </a> </div> <br class="clear" /> <p><a href="https://rawgraphs.io/">https://rawgraphs.io/</a><br/>RAW Graphs is an open-source data visualization framework built with the goal of making the visual representation of complex data easy for everyone.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> </ul> <button class="btn similar-tool-filter" data-tools="63,46,43,61,44">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 3 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_4_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-4-reviews-tab" data-toggle="tab" href="#tool-4-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-4-tutorials-tab" data-toggle="tab" href="#tool-4-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-4-reviews" role="tabpanel" aria-labelledby="4-reviews-tab"> <a class="btn add-review" href="/tools/4/reviews/new/">Add a review of Raw Graphs</a> <h5 class="review-heading"> Review 1 <span class="date">28 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Seriously easy to get your data in and get started. Instant results make experimenting easy. Helpful output formats.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>This isn't the most swish package but it is so quick to get data in and see results that it's a super useful tool, especially for exploratory data analysis.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Not nearly as pretty as a lot of the others, but the default colour palettes are inoffensive. Some customisation is available and you can export svg.</p> <h5 class="review-heading"> Review 2 <span class="date">28 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Very easy to use and a good starting point for data visualisation.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Designs are limited but files can be downloaded as SVGs for editing in a vector based programme.</p> <h5 class="review-heading"> Review 3 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>If you understand the chart type and the interaction of the components this is really easy to use as a first pass at your data. A few consistent hiccups with file upload only -ve</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>It does what it says on the can - in a colourful and easily communicated way.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Functional - Supports Big Bold use of Colour. The finer points of the dendrogram were lost in a large dataset.</p> <h5 class="review-heading"> Review 4 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Very easy to get started, loading data and making basic charts. Ability to experiment with different charts on the same data is very good. Not always clear what the options mean.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>This is a very good tool for those who are not familiar with visualisation. The ease of creating something useful is impressive. I like how there is a HTML snippet available to cut and paste.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Charts look very good without labelling. Labelling is somewhat random and large data set with many values results in overlapping and unreadable. If the chart could zoom-in it would solve this issue.</p> <h5 class="review-heading"> Review 5 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Easy to use. You just need to import your data, select your preferred visualisation and the relevant dimensions.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>RAWGraphs is a good starting point when approaching a visualisation as it's quick and easy to use and has a good number of available charts.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The charts are slightly basic however, with customisation I'm sure you could make them quite "beautiful".</p> <h5 class="review-heading"> Review 6 <span class="date">25 May 2021</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The process is broken down into clear steps and you can quickly get a basic visualisation. Struggled a little bit with Alluvial diagrams, sort function didn't work as expected on numerical data.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Great, accessible tool. Good starting point to figure out what can be done.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>I found it pretty uncluttered and easy to understand. Colour coding helped with directions in each step/error flagging.</p> </div> <div class="tab-pane " id="tool-4-tutorials" role="tabpanel" aria-labelledby="4-tutorials-tab"> <a class="btn add-review" href="/tools/4/tutorials/new/">Add a tutorial for Raw Graphs</a> <h5 class="review-heading"> RAWGRaphs Learning </h5> <div class="vote_count_tutorial_3"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_3">Upvote</button></p> </div> <p>Link: <a href="https://rawgraphs.io/learning">https://rawgraphs.io/learning</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Datawrapper" tabindex="0" class="tool-details" id="tool-detail-2"> <div class="tool-details-header"> <h2>Datawrapper</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/datawarpper_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/datawarpper_main.png" alt="Image showing Datawrapper"> </a> </div> <br class="clear" /> <p><a href="https://www.datawrapper.de/">https://www.datawrapper.de/</a><br/>Datawrapper is an open-source web tool that you can use to create basic interactive charts.</p> <ul class="hard-facets"> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="63,37,46,60,25">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 5 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="overall-ratings"> <h5>Top tutorial</h5> <h6 class="review-heading"> Datawrapper Training materials </h6> <div class="vote_count_tutorial_2"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_2">Upvote</button></p> </div> <p>Link: <a href="https://www.datawrapper.de/training-materials/">https://www.datawrapper.de/training-materials/</a></p> </div> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_2_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-2-reviews-tab" data-toggle="tab" href="#tool-2-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-2-tutorials-tab" data-toggle="tab" href="#tool-2-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-2-reviews" role="tabpanel" aria-labelledby="2-reviews-tab"> <a class="btn add-review" href="/tools/2/reviews/new/">Add a review of Datawrapper</a> <h5 class="review-heading"> Review 1 <span class="date">18 Feb 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>Blah</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Blah</p> <h5 class="review-heading"> Review 2 <span class="date">19 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Data type is easily defined and process is intuitive</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Creates basic charts quickly</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Average beauty</p> <h5 class="review-heading"> Review 3 <span class="date">4 Jun 2021</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>The interface is clean and uncluttered and it was easy to navigate back through previous steps or to move forward.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>I found the step by step walk through process easy to follow. It didn't feel overwhelming to create something, and the 4 step buttons along the top of the page showed you where you were in the process</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The interface for creating isn't super fancy looking but it doesn't need to be! Less is more. My resulting chart looked good and I could control a lot of the detail on the final visualisation.</p> </div> <div class="tab-pane " id="tool-2-tutorials" role="tabpanel" aria-labelledby="2-tutorials-tab"> <a class="btn add-review" href="/tools/2/tutorials/new/">Add a tutorial for Datawrapper</a> <h5 class="review-heading"> Datawrapper Training materials </h5> <div class="vote_count_tutorial_2"> <p>Upvotes: 1 <button class="upvote-button" type="button" id="id_upvote_2">Upvote</button></p> </div> <p>Link: <a href="https://www.datawrapper.de/training-materials/">https://www.datawrapper.de/training-materials/</a></p> <hr /> <h5 class="review-heading"> Datawrapper Academy </h5> <div class="vote_count_tutorial_6"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_6">Upvote</button></p> </div> <p>Link: <a href="https://academy.datawrapper.de/">https://academy.datawrapper.de/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on D3.JS" tabindex="0" class="tool-details" id="tool-detail-1"> <div class="tool-details-header"> <h2>D3.JS</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Screenshot_from_2020-01-28_17-20-45.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Screenshot_from_2020-01-28_17-20-45.png" alt="Image showing D3.JS"> </a> </div> <br class="clear" /> <p><a href="https://d3js.org/">https://d3js.org/</a><br/>D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of mode</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="63,46,32,7,36">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 3 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 5 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="overall-ratings"> <h5>Top tutorial</h5> <h6 class="review-heading"> How to learn D3.js </h6> <div class="vote_count_tutorial_4"> <p>Upvotes: 4 <button class="upvote-button" type="button" id="id_upvote_4">Upvote</button></p> </div> <p>Link: <a href="https://wattenberger.com/blog/d3">https://wattenberger.com/blog/d3</a></p> </div> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_1_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-1-reviews-tab" data-toggle="tab" href="#tool-1-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-1-tutorials-tab" data-toggle="tab" href="#tool-1-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-1-reviews" role="tabpanel" aria-labelledby="1-reviews-tab"> <a class="btn add-review" href="/tools/1/reviews/new/">Add a review of D3.JS</a> <h5 class="review-heading"> Review 1 <span class="date">28 Jan 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>D3 takes a lot of prior knowledge to use, but it's very powerful.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Despite usability issues, d3 is such a powerful tool.</p> <h5 class="review-heading"> Review 2 <span class="date">14 Apr 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Requires a lot of practice to master</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>If you are able to code it, you can make very nice things!</p> <h5 class="review-heading"> Review 3 <span class="date">3 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>D3 requires prior knowledges in HTML,CSS and javascript.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>D3 is generic tool. Not really adapted to very specific applications if you to go fast.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Possible to customize visualization to a high degree.</p> <h5 class="review-heading"> Review 4 <span class="date">6 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>As a programmer this tool is more advanced than I am used to but it is not such a far step that I cannot utilise existing skills. For beginners D3 is a very big ask especially of non-technical person.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Gold standard of visualisation. Vast collection of libraries available for all purposes. Large online community supporting and guiding non-experts.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Designs are limited only by the artists imagination.</p> <h5 class="review-heading"> Review 5 <span class="date">10 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>API: good. Documentation: good. Examples: plenty. However, the learning curve is quite steep; it's split into many packages and quite a few of them assume theoretical knowledge of the desired charts.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Not for beginners, and it may take a while to integrate it with other frameworks. But immensely powerful.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>There's no "provided" beauty here; it's up to the developer. But its level of customisation, together with all the examples at https://bl.ocks.org/ and https://observablehq.com/, are a great showcase.</p> </div> <div class="tab-pane " id="tool-1-tutorials" role="tabpanel" aria-labelledby="1-tutorials-tab"> <a class="btn add-review" href="/tools/1/tutorials/new/">Add a tutorial for D3.JS</a> <h5 class="review-heading"> How to learn D3.js </h5> <div class="vote_count_tutorial_4"> <p>Upvotes: 4 <button class="upvote-button" type="button" id="id_upvote_4">Upvote</button></p> </div> <p>Link: <a href="https://wattenberger.com/blog/d3">https://wattenberger.com/blog/d3</a></p> <hr /> <h5 class="review-heading"> D3 tutorials on github </h5> <div class="vote_count_tutorial_1"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_1">Upvote</button></p> </div> <p>Link: <a href="https://github.com/d3/d3/wiki/Tutorials">https://github.com/d3/d3/wiki/Tutorials</a></p> <hr /> <h5 class="review-heading"> Mike Bostock's tutorials </h5> <div class="vote_count_tutorial_18"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_18">Upvote</button></p> </div> <p>Link: <a href="https://github.com/d3/d3/wiki/Tutorials">https://github.com/d3/d3/wiki/Tutorials</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Chart.js" tabindex="0" class="tool-details" id="tool-detail-24"> <div class="tool-details-header"> <h2>Chart.js</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Annotation_2020-06-08_130644.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Annotation_2020-06-08_130644.jpg" alt="Image showing Chart.js"> </a> </div> <br class="clear" /> <p><a href="https://www.chartjs.org/">https://www.chartjs.org/</a><br/>Simple yet flexible JavaScript charting for designers & developers. Chart.js enables you to create simple, clean and engaging HTML5 based JavaScript charts. Chart.js is an easy way to include animated, interactive graphs on your website for free.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> </ul> <button class="btn similar-tool-filter" data-tools="44,63,59,47,19">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_24_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-24-reviews-tab" data-toggle="tab" href="#tool-24-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-24-tutorials-tab" data-toggle="tab" href="#tool-24-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-24-reviews" role="tabpanel" aria-labelledby="24-reviews-tab"> <a class="btn add-review" href="/tools/24/reviews/new/">Add a review of Chart.js</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-24-tutorials" role="tabpanel" aria-labelledby="24-tutorials-tab"> <a class="btn add-review" href="/tools/24/tutorials/new/">Add a tutorial for Chart.js</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on QGIS" tabindex="0" class="tool-details" id="tool-detail-29"> <div class="tool-details-header"> <h2>QGIS</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/qgis_map.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/qgis_map.png" alt="Image showing QGIS"> </a> </div> <br class="clear" /> <p><a href="https://qgis.org/">https://qgis.org/</a><br/>Free and open-source cross-platform desktop geographic information system (GIS) application that supports viewing, editing, and analysis of geospatial data.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="46,36,5,28,18">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_29_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-29-reviews-tab" data-toggle="tab" href="#tool-29-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-29-tutorials-tab" data-toggle="tab" href="#tool-29-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-29-reviews" role="tabpanel" aria-labelledby="29-reviews-tab"> <a class="btn add-review" href="/tools/29/reviews/new/">Add a review of QGIS</a> <h5 class="review-heading"> Review 1 <span class="date">26 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>No coding knowledge is required. There are many tutorials freely available on the internet.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Qgis is a very good alternative when your organization has no GIS software. I am using QGIS to visualize pre-processing of spatial data.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Qgis can allow you to make amazing static maps</p> <h5 class="review-heading"> Review 2 <span class="date">7 Jun 2021</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>QGIS is diverse and user friendly GIS software. Many processing tools are built into the standard release, and many more are available by downloading plugins, it's very flexible.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Excellent open source software with a large support community. Many tutorials are available online. Only downside I can think of is to a novice GIS user all the options may seem daunting.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>It’s possible to use a wide range of cartographic tools in QIGS, the options for symbology and labelling are numerous and excellent. Great if you want to make maps without programming.</p> </div> <div class="tab-pane " id="tool-29-tutorials" role="tabpanel" aria-labelledby="29-tutorials-tab"> <a class="btn add-review" href="/tools/29/tutorials/new/">Add a tutorial for QGIS</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Adobe Illustrator" tabindex="0" class="tool-details" id="tool-detail-34"> <div class="tool-details-header"> <h2>Adobe Illustrator</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Illustrator_Screenshot.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Illustrator_Screenshot.jpg" alt="Image showing Adobe Illustrator"> </a> </div> <br class="clear" /> <p><a href="https://www.adobe.com/ie/products/illustrator.html">https://www.adobe.com/ie/products/illustrator.html</a><br/>Illustrator is vector-based design software, allowing you to scale artwork to any size and save for print or screen.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="62,46,27,45,54">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_34_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-34-reviews-tab" data-toggle="tab" href="#tool-34-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-34-tutorials-tab" data-toggle="tab" href="#tool-34-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-34-reviews" role="tabpanel" aria-labelledby="34-reviews-tab"> <a class="btn add-review" href="/tools/34/reviews/new/">Add a review of Adobe Illustrator</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-34-tutorials" role="tabpanel" aria-labelledby="34-tutorials-tab"> <a class="btn add-review" href="/tools/34/tutorials/new/">Add a tutorial for Adobe Illustrator</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Inkscape" tabindex="0" class="tool-details" id="tool-detail-27"> <div class="tool-details-header"> <h2>Inkscape</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/inkscape-0.48-webdesign-text_1.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/inkscape-0.48-webdesign-text_1.png" alt="Image showing Inkscape"> </a> </div> <br class="clear" /> <p><a href="https://inkscape.org">https://inkscape.org</a><br/>Inkscape is a free and open source vector graphics editor. It is widely used for both artistic and technical illustrations such as cartoons, clip art, logos, typography, diagramming and flowcharting. Inkscape uses the standardized SVG file format as its main format, which is supported by many other applications including web browsers.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,41,62,45,5">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Overall rating</h5> <p aria-label="Usability scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Overall scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> <p aria-label="Beauty scores 4 out of 5" class="rating-title"> <span aria-hidden="true" class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i> </p> </div> <hr/> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_27_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-27-reviews-tab" data-toggle="tab" href="#tool-27-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-27-tutorials-tab" data-toggle="tab" href="#tool-27-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-27-reviews" role="tabpanel" aria-labelledby="27-reviews-tab"> <a class="btn add-review" href="/tools/27/reviews/new/">Add a review of Inkscape</a> <h5 class="review-heading"> Review 1 <span class="date">10 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>You don't need to be able to code, and it is quite quick and easy to learn to use. You can start producing something within an afternoon. Like anything, getting really good with it takes more time.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>It's free and you can produce some great quality stuff quite easily.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>You'll be starting from scratch (no pre-existing templates), so the beauty of what you produce is up to you!</p> <h5 class="review-heading"> Review 2 <span class="date">18 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>I personally find it easier to use than many options made specifically for data visualisation because it offers great flexibility for visual expression.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>As a tool for graphic design and technical drawing, it does not offer specialised options for simple data visualisation.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Capable of almost anything 2D, It works nicely with drawing tablet as well.</p> </div> <div class="tab-pane " id="tool-27-tutorials" role="tabpanel" aria-labelledby="27-tutorials-tab"> <a class="btn add-review" href="/tools/27/tutorials/new/">Add a tutorial for Inkscape</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on GraphPad Prism" tabindex="0" class="tool-details" id="tool-detail-30"> <div class="tool-details-header"> <h2>GraphPad Prism</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/graphpadprism_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/graphpadprism_main.png" alt="Image showing GraphPad Prism"> </a> </div> <br class="clear" /> <p><a href="https://www.graphpad.com/scientific-software/prism/">https://www.graphpad.com/scientific-software/prism/</a><br/>Unlike spreadsheets or other scientific graphing programs, Prism has eight different types of data tables specifically formatted for the analyses you want to run. This makes it easier to enter data correctly, choose suitable analyses, and create stunning graphs.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> </ul> <button class="btn similar-tool-filter" data-tools="62,46,41,27,40">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_30_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-30-reviews-tab" data-toggle="tab" href="#tool-30-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-30-tutorials-tab" data-toggle="tab" href="#tool-30-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-30-reviews" role="tabpanel" aria-labelledby="30-reviews-tab"> <a class="btn add-review" href="/tools/30/reviews/new/">Add a review of GraphPad Prism</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-30-tutorials" role="tabpanel" aria-labelledby="30-tutorials-tab"> <a class="btn add-review" href="/tools/30/tutorials/new/">Add a tutorial for GraphPad Prism</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on TIBCO Spotfire" tabindex="0" class="tool-details" id="tool-detail-32"> <div class="tool-details-header"> <h2>TIBCO Spotfire</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/UIControls.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/UIControls.jpg" alt="Image showing TIBCO Spotfire"> </a> </div> <br class="clear" /> <p><a href="https://www.tibco.com/products/tibco-spotfire">https://www.tibco.com/products/tibco-spotfire</a><br/>Data visualisation and analytics platform with SharePoint integration, GUI-based dashboard design, and AI-based predictive analytics. Versions available include Cloud, Platform, and AWS. The basic feature set can be expanded with IronPython (Python for .NET) or C# scripting.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> Network</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,54,45,61">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_32_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-32-reviews-tab" data-toggle="tab" href="#tool-32-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-32-tutorials-tab" data-toggle="tab" href="#tool-32-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-32-reviews" role="tabpanel" aria-labelledby="32-reviews-tab"> <a class="btn add-review" href="/tools/32/reviews/new/">Add a review of TIBCO Spotfire</a> <h5 class="review-heading"> Review 1 <span class="date">27 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Relatively easy to use for people comfortable with GUI-based tools, but data filtering is not particularly intuitive.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Its an expensive tool. Not as widely used as e.g. Tableau, while offering similar functionality. Difficult to customise.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Quite easy to create attractive charts using presets.</p> </div> <div class="tab-pane " id="tool-32-tutorials" role="tabpanel" aria-labelledby="32-tutorials-tab"> <a class="btn add-review" href="/tools/32/tutorials/new/">Add a tutorial for TIBCO Spotfire</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Timeline JS" tabindex="0" class="tool-details" id="tool-detail-31"> <div class="tool-details-header"> <h2>Timeline JS</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/timeline.JPG" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/timeline.JPG" alt="Image showing Timeline JS"> </a> </div> <br class="clear" /> <p><a href="https://timeline.knightlab.com/">https://timeline.knightlab.com/</a><br/>TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality. TimelineJS can pull in media from a variety of sources. Twitter, Flickr, YouTube, Vimeo, Vine, etc.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,25,37,43">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_31_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-31-reviews-tab" data-toggle="tab" href="#tool-31-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-31-tutorials-tab" data-toggle="tab" href="#tool-31-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-31-reviews" role="tabpanel" aria-labelledby="31-reviews-tab"> <a class="btn add-review" href="/tools/31/reviews/new/">Add a review of Timeline JS</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-31-tutorials" role="tabpanel" aria-labelledby="31-tutorials-tab"> <a class="btn add-review" href="/tools/31/tutorials/new/">Add a tutorial for Timeline JS</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Google Charts API" tabindex="0" class="tool-details" id="tool-detail-35"> <div class="tool-details-header"> <h2>Google Charts API</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/screencapture-developers-google-chart-2020-07-03-10_50_34.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/screencapture-developers-google-chart-2020-07-03-10_50_34.png" alt="Image showing Google Charts API"> </a> </div> <br class="clear" /> <p><a href="https://developers.google.com/chart">https://developers.google.com/chart</a><br/>With the Google Visualization API, you can implement your own data source as Visualization API data source and enable any Visualization-compliant visualization and/or application to access your data. The format is amenable to use by reporting, analysis or chart applications. You can thus visualize the data and/or add new functionality to applications.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="1,60,47,63,7">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_35_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-35-reviews-tab" data-toggle="tab" href="#tool-35-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-35-tutorials-tab" data-toggle="tab" href="#tool-35-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-35-reviews" role="tabpanel" aria-labelledby="35-reviews-tab"> <a class="btn add-review" href="/tools/35/reviews/new/">Add a review of Google Charts API</a> <h5 class="review-heading"> Review 1 <span class="date">3 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Very easy to pick up the basics. Plenty of examples on the site that you can cut and paste into a web page to see working almost immediately.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Good for basic charts but can get complicated if trying to add more functionality.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Basic charts are very clear visually and suitable for most data types.</p> </div> <div class="tab-pane " id="tool-35-tutorials" role="tabpanel" aria-labelledby="35-tutorials-tab"> <a class="btn add-review" href="/tools/35/tutorials/new/">Add a tutorial for Google Charts API</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Grasshopper - plug-in for Rhino 6.0" tabindex="0" class="tool-details" id="tool-detail-33"> <div class="tool-details-header"> <h2>Grasshopper - plug-in for Rhino 6.0</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/grasshopper_logo_large-1170x465.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/grasshopper_logo_large-1170x465.png" alt="Image showing Grasshopper - plug-in for Rhino 6.0"> </a> </div> <br class="clear" /> <p><a href="https://www.rhino3d.com/6/new/grasshopper">https://www.rhino3d.com/6/new/grasshopper</a><br/>Rhino 6.0’s Grasshopper: A visual coding generative design software with parametric CAD-modelling</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="32,46,54,45,40">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_33_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-33-reviews-tab" data-toggle="tab" href="#tool-33-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-33-tutorials-tab" data-toggle="tab" href="#tool-33-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-33-reviews" role="tabpanel" aria-labelledby="33-reviews-tab"> <a class="btn add-review" href="/tools/33/reviews/new/">Add a review of Grasshopper - plug-in for Rhino 6.0</a> <h5 class="review-heading"> Review 1 <span class="date">27 Jun 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Tough learning curve: but lots of help on YouTube and the User group The visual coding system is intuitive for users with a more creative/visual/spatial learning angle</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>You need to put the hours in to make it work.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> </div> <div class="tab-pane " id="tool-33-tutorials" role="tabpanel" aria-labelledby="33-tutorials-tab"> <a class="btn add-review" href="/tools/33/tutorials/new/">Add a tutorial for Grasshopper - plug-in for Rhino 6.0</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Shiny" tabindex="0" class="tool-details" id="tool-detail-36"> <div class="tool-details-header"> <h2>Shiny</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Screenshot_2020-07-04_at_22.03.44.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Screenshot_2020-07-04_at_22.03.44.png" alt="Image showing Shiny"> </a> </div> <br class="clear" /> <p><a href="https://shiny.rstudio.com/">https://shiny.rstudio.com/</a><br/>Shiny is an R package that makes it easy to build interactive web apps and dashboards straight from R.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i> R</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="5,46,7,32,63">Show similar tools</button> <hr /> <div class="overall-ratings"> <h5>Top tutorial</h5> <h6 class="review-heading"> Building Shiny apps - an interactive tutorial </h6> <div class="vote_count_tutorial_23"> <p>Upvotes: 2 <button class="upvote-button" type="button" id="id_upvote_23">Upvote</button></p> </div> <p>Link: <a href="https://deanattali.com/blog/building-shiny-apps-tutorial/">https://deanattali.com/blog/building-shiny-apps-tutorial/</a></p> </div> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_36_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-36-reviews-tab" data-toggle="tab" href="#tool-36-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-36-tutorials-tab" data-toggle="tab" href="#tool-36-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-36-reviews" role="tabpanel" aria-labelledby="36-reviews-tab"> <a class="btn add-review" href="/tools/36/reviews/new/">Add a review of Shiny</a> <h5 class="review-heading"> Review 1 <span class="date">7 Jun 2021</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Shiny enables interactive web applications to be coded entirely in the R programming language. R has a steep learning curve but additional layers of HTML and JavaScript are not required.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>If you have R-based analysis and visualisation scripts that you want to turn into a web application, Shiny is an excellent choice.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Beautiful charts and maps can be created with packages such as ggplot2 and and Leaflet. Page layouts allow a range of design options and themes are available to customise look and feel.</p> </div> <div class="tab-pane " id="tool-36-tutorials" role="tabpanel" aria-labelledby="36-tutorials-tab"> <a class="btn add-review" href="/tools/36/tutorials/new/">Add a tutorial for Shiny</a> <h5 class="review-heading"> Building Shiny apps - an interactive tutorial </h5> <div class="vote_count_tutorial_23"> <p>Upvotes: 2 <button class="upvote-button" type="button" id="id_upvote_23">Upvote</button></p> </div> <p>Link: <a href="https://deanattali.com/blog/building-shiny-apps-tutorial/">https://deanattali.com/blog/building-shiny-apps-tutorial/</a></p> <hr /> <h5 class="review-heading"> How to Start with Shiny </h5> <div class="vote_count_tutorial_22"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_22">Upvote</button></p> </div> <p>Link: <a href="https://shiny.rstudio.com/tutorial/">https://shiny.rstudio.com/tutorial/</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on ArcGIS Online" tabindex="0" class="tool-details" id="tool-detail-37"> <div class="tool-details-header"> <h2>ArcGIS Online</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/by_default_2020-07-06_at_11.10.06.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/by_default_2020-07-06_at_11.10.06.png" alt="Image showing ArcGIS Online"> </a> </div> <br class="clear" /> <p><a href="https://www.arcgis.com/home/index.html">https://www.arcgis.com/home/index.html</a><br/>ArcGIS Online is a cloud-based mapping and analysis platform. It can be used to make interactive maps, data dashboards, storymaps, and task-specific web apps. The platform offers both commercial accounts or free public accounts.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="63,60,46,32,25">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_37_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-37-reviews-tab" data-toggle="tab" href="#tool-37-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-37-tutorials-tab" data-toggle="tab" href="#tool-37-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-37-reviews" role="tabpanel" aria-labelledby="37-reviews-tab"> <a class="btn add-review" href="/tools/37/reviews/new/">Add a review of ArcGIS Online</a> <h5 class="review-heading"> Review 1 <span class="date">8 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The Story Map Cascade app has a simple interface for adding media and embedded webpages into a scrollytelling format without coding.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>A useful platform for storytelling, but you may have to link to other tools to include interactive content. The application supports existing content from ArcGIS Online; uploaded images (png, jpg, gif</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Two themes (light or dark), the beauty of the end result would come from the embedded content.</p> </div> <div class="tab-pane " id="tool-37-tutorials" role="tabpanel" aria-labelledby="37-tutorials-tab"> <a class="btn add-review" href="/tools/37/tutorials/new/">Add a tutorial for ArcGIS Online</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on ArcGIS Desktop" tabindex="0" class="tool-details" id="tool-detail-39"> <div class="tool-details-header"> <h2>ArcGIS Desktop</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/GUID-93A031FB-8F66-4E26-A6EA-2DB608012B2A-web.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/GUID-93A031FB-8F66-4E26-A6EA-2DB608012B2A-web.png" alt="Image showing ArcGIS Desktop"> </a> </div> <br class="clear" /> <p><a href="https://www.esri.com/en-gb/store/arcgis-desktop">https://www.esri.com/en-gb/store/arcgis-desktop</a><br/>Desktop geographic information system (GIS) application that supports viewing, editing, and analysis of geospatial data.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="46,45,33,56,32">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_39_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-39-reviews-tab" data-toggle="tab" href="#tool-39-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-39-tutorials-tab" data-toggle="tab" href="#tool-39-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-39-reviews" role="tabpanel" aria-labelledby="39-reviews-tab"> <a class="btn add-review" href="/tools/39/reviews/new/">Add a review of ArcGIS Desktop</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-39-tutorials" role="tabpanel" aria-labelledby="39-tutorials-tab"> <a class="btn add-review" href="/tools/39/tutorials/new/">Add a tutorial for ArcGIS Desktop</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Exploratory" tabindex="0" class="tool-details" id="tool-detail-40"> <div class="tool-details-header"> <h2>Exploratory</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/top-map.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/top-map.png" alt="Image showing Exploratory"> </a> </div> <br class="clear" /> <p><a href="https://exploratory.io/">https://exploratory.io/</a><br/>Exploratory provides Data Wrangling, Data Visualization, Analytics (Statistics / Machine Learning), and Communication (Dashboard / Note / Slides), all in one single tool. It's built on top of R. This means it can be extended with additional R packages, creating your own custom functions, GeoJSON Map files, data sources, and more.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i> R</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="46,36,7,5,54">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_40_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-40-reviews-tab" data-toggle="tab" href="#tool-40-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-40-tutorials-tab" data-toggle="tab" href="#tool-40-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-40-reviews" role="tabpanel" aria-labelledby="40-reviews-tab"> <a class="btn add-review" href="/tools/40/reviews/new/">Add a review of Exploratory</a> <h5 class="review-heading"> Review 1 <span class="date">29 Jul 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Fast, intuitive, easy to use, with clear mapping visualisations. Does not work with Linux so had to run in a partition.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Good for identifying patterns in data and locations of people as data entities.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p></p> </div> <div class="tab-pane " id="tool-40-tutorials" role="tabpanel" aria-labelledby="40-tutorials-tab"> <a class="btn add-review" href="/tools/40/tutorials/new/">Add a tutorial for Exploratory</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Dynamic Network Visualization (DyNetVis)" tabindex="0" class="tool-details" id="tool-detail-42"> <div class="tool-details-header"> <h2>Dynamic Network Visualization (DyNetVis)</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/dynetvis.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/dynetvis.png" alt="Image showing Dynamic Network Visualization (DyNetVis)"> </a> </div> <br class="clear" /> <p><a href="https://www.dynetvis.com/">https://www.dynetvis.com/</a><br/>DyNetVis is a software tool for the visualization of dynamic networks. The system provides several tools for user interaction and offers three layouts, named structural and temporal, and matrix. The software provides state-of-the-art techniques, such as node/edge ordering, positioning, sampling, and the possibility to change aesthetic aspects of the visualization.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:java" data-filter-group="programming-skills" title="Java" class="fab fa-java"></i> Java</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> Network</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> </ul> <button class="btn similar-tool-filter" data-tools="18,46,20,48,36">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_42_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-42-reviews-tab" data-toggle="tab" href="#tool-42-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-42-tutorials-tab" data-toggle="tab" href="#tool-42-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-42-reviews" role="tabpanel" aria-labelledby="42-reviews-tab"> <a class="btn add-review" href="/tools/42/reviews/new/">Add a review of Dynamic Network Visualization (DyNetVis)</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-42-tutorials" role="tabpanel" aria-labelledby="42-tutorials-tab"> <a class="btn add-review" href="/tools/42/tutorials/new/">Add a tutorial for Dynamic Network Visualization (DyNetVis)</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on everviz" tabindex="0" class="tool-details" id="tool-detail-45"> <div class="tool-details-header"> <h2>everviz</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/everviz_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/everviz_main.png" alt="Image showing everviz"> </a> </div> <br class="clear" /> <p><a href="https://www.everviz.com">https://www.everviz.com</a><br/>everviz helps Journalists, Researchers and Content Creators to tell more engaging stories with Interactive, responsive and accessible visualizations. Create and publish Charts, Tables, Layouts and Maps. Team accounts, Brand consistency and built-in accessibility (a11y) support.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,60,63,32,61">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_45_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-45-reviews-tab" data-toggle="tab" href="#tool-45-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-45-tutorials-tab" data-toggle="tab" href="#tool-45-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-45-reviews" role="tabpanel" aria-labelledby="45-reviews-tab"> <a class="btn add-review" href="/tools/45/reviews/new/">Add a review of everviz</a> <h5 class="review-heading"> Review 1 <span class="date">4 Jun 2021</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Easy to use interface with clear instructions on what to do next. Quick to make something and all the usual pre-set chart types.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>I liked that you could create a few charts and then merge them together to tell a “story”</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Final output looks good – was customisable. Ability to add logo was nice touch.</p> </div> <div class="tab-pane " id="tool-45-tutorials" role="tabpanel" aria-labelledby="45-tutorials-tab"> <a class="btn add-review" href="/tools/45/tutorials/new/">Add a tutorial for everviz</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on glue" tabindex="0" class="tool-details" id="tool-detail-41"> <div class="tool-details-header"> <h2>glue</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/glue-link.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/glue-link.png" alt="Image showing glue"> </a> </div> <br class="clear" /> <p><a href="https://glueviz.org/">https://glueviz.org/</a><br/>The glue multi-dimensional linked-data exploration software (https://glueviz.org/) is an open-source Python tool to explore relationships within and between related datasets. Although originally developed for astronomy, it is engineered for broad applicability and has various domain-specific plugins.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="46,27,36,62,5">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_41_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-41-reviews-tab" data-toggle="tab" href="#tool-41-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-41-tutorials-tab" data-toggle="tab" href="#tool-41-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-41-reviews" role="tabpanel" aria-labelledby="41-reviews-tab"> <a class="btn add-review" href="/tools/41/reviews/new/">Add a review of glue</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-41-tutorials" role="tabpanel" aria-labelledby="41-tutorials-tab"> <a class="btn add-review" href="/tools/41/tutorials/new/">Add a tutorial for glue</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on MuzeJS Visualization" tabindex="0" class="tool-details" id="tool-detail-44"> <div class="tool-details-header"> <h2>MuzeJS Visualization</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Screen_Shot_2020-10-27_at_9.41.47_PM.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Screen_Shot_2020-10-27_at_9.41.47_PM.png" alt="Image showing MuzeJS Visualization"> </a> </div> <br class="clear" /> <p><a href="https://muzejs.org/">https://muzejs.org/</a><br/>Muze is a free library for creating exploratory data visualizations in browser using WebAssembly. It is ideal for use in visual analytics dashboards & applications to create highly performant, interactive, multi-dimensional, and composable visualizations with Grammar of Graphics approach.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="63,46,47,59,60">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_44_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-44-reviews-tab" data-toggle="tab" href="#tool-44-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-44-tutorials-tab" data-toggle="tab" href="#tool-44-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-44-reviews" role="tabpanel" aria-labelledby="44-reviews-tab"> <a class="btn add-review" href="/tools/44/reviews/new/">Add a review of MuzeJS Visualization</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-44-tutorials" role="tabpanel" aria-labelledby="44-tutorials-tab"> <a class="btn add-review" href="/tools/44/tutorials/new/">Add a tutorial for MuzeJS Visualization</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on KNOWAGE" tabindex="0" class="tool-details" id="tool-detail-46"> <div class="tool-details-header"> <h2>KNOWAGE</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/Immagine1dthcgpng.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/Immagine1dthcgpng.png" alt="Image showing KNOWAGE"> </a> </div> <br class="clear" /> <p><a href="https://www.knowage-suite.com/site/">https://www.knowage-suite.com/site/</a><br/>Knowage is the open source full suite for data visualization and data analysis that transforms any kind of data into valuable and meaningful information. Its customization functionalities allow to use traditional data analysis functions together with the embedding of HTML code and R/Python scripts and the application mashup.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="platform:other_1" data-filter-group="platform" title="Other" class="fas fa-tablet-alt"></i> Other</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> Network</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="32,63,62,45,61">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_46_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-46-reviews-tab" data-toggle="tab" href="#tool-46-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-46-tutorials-tab" data-toggle="tab" href="#tool-46-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-46-reviews" role="tabpanel" aria-labelledby="46-reviews-tab"> <a class="btn add-review" href="/tools/46/reviews/new/">Add a review of KNOWAGE</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-46-tutorials" role="tabpanel" aria-labelledby="46-tutorials-tab"> <a class="btn add-review" href="/tools/46/tutorials/new/">Add a tutorial for KNOWAGE</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Seaborn" tabindex="0" class="tool-details" id="tool-detail-48"> <div class="tool-details-header"> <h2>Seaborn</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/seaborn.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/seaborn.png" alt="Image showing Seaborn"> </a> </div> <br class="clear" /> <p><a href="http://seaborn.pydata.org/index.html">http://seaborn.pydata.org/index.html</a><br/>Seaborn helps you explore and understand your data. Its plotting functions operate on dataframes and arrays containing whole datasets and internally perform the necessary semantic mapping and statistical aggregation to produce informative plots. Its dataset-oriented, declarative API lets you focus on what the different elements of your plots mean, rather than on the details of how to draw them.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="platform:linux" data-filter-group="platform" title="Linux" class="fab fa-linux"></i> Linux</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="46,41,18,36,5">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_48_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-48-reviews-tab" data-toggle="tab" href="#tool-48-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-48-tutorials-tab" data-toggle="tab" href="#tool-48-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-48-reviews" role="tabpanel" aria-labelledby="48-reviews-tab"> <a class="btn add-review" href="/tools/48/reviews/new/">Add a review of Seaborn</a> <h5 class="review-heading"> Review 1 <span class="date">7 Nov 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>Declarative API that means charts can be created in one line of code. Good documentation.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Primarily used for creating charts to support statistical analysis. Opinionated approach to visualisation so certain things, like stacked bar charts, are declared out of scope by the author.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Clean, publication-ready style. Easy to switch between "themes".</p> </div> <div class="tab-pane " id="tool-48-tutorials" role="tabpanel" aria-labelledby="48-tutorials-tab"> <a class="btn add-review" href="/tools/48/tutorials/new/">Add a tutorial for Seaborn</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on DC.js" tabindex="0" class="tool-details" id="tool-detail-47"> <div class="tool-details-header"> <h2>DC.js</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/dcjs.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/dcjs.png" alt="Image showing DC.js"> </a> </div> <br class="clear" /> <p><a href="https://dc-js.github.io/dc.js/">https://dc-js.github.io/dc.js/</a><br/>dc.js is a high level Javascript library which provides templates for common chart types such as bars, scatter plots, line charts and others, rendered as SVGs. Its main distinguishing feature is the integration with crossfilter.js Thanks to crossfilter handling of underlying chart data, chart interactions such as clicking and dragging also act as filters on all other charts sharing the same data.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="platform:library" data-filter-group="platform" title="Library" class="far fa-file-archive"></i> Library</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="63,46,1,60,44">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_47_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-47-reviews-tab" data-toggle="tab" href="#tool-47-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-47-tutorials-tab" data-toggle="tab" href="#tool-47-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-47-reviews" role="tabpanel" aria-labelledby="47-reviews-tab"> <a class="btn add-review" href="/tools/47/reviews/new/">Add a review of DC.js</a> <h5 class="review-heading"> Review 1 <span class="date">7 Nov 2020</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i></p> <p>One of the very few tools that have a built-in keyboard accessibility support. Documentation of the API is clear and there are examples for every chart type that are easily adaptable.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Excellent tool for building dashboards.</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>Defaults are pretty enough, but everything is customisable via CSS.</p> </div> <div class="tab-pane " id="tool-47-tutorials" role="tabpanel" aria-labelledby="47-tutorials-tab"> <a class="btn add-review" href="/tools/47/tutorials/new/">Add a tutorial for DC.js</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on TimeLineCurator" tabindex="0" class="tool-details" id="tool-detail-51"> <div class="tool-details-header"> <h2>TimeLineCurator</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/timelinecurator.jpg" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/timelinecurator.jpg" alt="Image showing TimeLineCurator"> </a> </div> <br class="clear" /> <p><a href="http://timelinecurator.org/">http://timelinecurator.org/</a><br/>TimeLineCurator is a browser-based authoring tool that automatically extracts temporal references from unstructured text documents using natural language processing and displays them along a visual timeline. It is meant to facilitate the timeline creation process for journalists and others who tell temporal stories online.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,43,61,62">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_51_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-51-reviews-tab" data-toggle="tab" href="#tool-51-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-51-tutorials-tab" data-toggle="tab" href="#tool-51-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-51-reviews" role="tabpanel" aria-labelledby="51-reviews-tab"> <a class="btn add-review" href="/tools/51/reviews/new/">Add a review of TimeLineCurator</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-51-tutorials" role="tabpanel" aria-labelledby="51-tutorials-tab"> <a class="btn add-review" href="/tools/51/tutorials/new/">Add a tutorial for TimeLineCurator</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Coloring for Colorblindness" tabindex="0" class="tool-details" id="tool-detail-49"> <div class="tool-details-header"> <h2>Coloring for Colorblindness</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/colourblind_palettes.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/colourblind_palettes.png" alt="Image showing Coloring for Colorblindness"> </a> </div> <br class="clear" /> <p><a href="https://davidmathlogic.com/colorblind/">https://davidmathlogic.com/colorblind/</a><br/>A web tool to test colour palettes against different types of colour-blindness. Also includes a few established defaults and links to further resources.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> </ul> <button class="btn similar-tool-filter" data-tools="31,60,37,19,57">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_49_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-49-reviews-tab" data-toggle="tab" href="#tool-49-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-49-tutorials-tab" data-toggle="tab" href="#tool-49-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-49-reviews" role="tabpanel" aria-labelledby="49-reviews-tab"> <a class="btn add-review" href="/tools/49/reviews/new/">Add a review of Coloring for Colorblindness</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-49-tutorials" role="tabpanel" aria-labelledby="49-tutorials-tab"> <a class="btn add-review" href="/tools/49/tutorials/new/">Add a tutorial for Coloring for Colorblindness</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Mapshaper" tabindex="0" class="tool-details" id="tool-detail-50"> <div class="tool-details-header"> <h2>Mapshaper</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/mapshaper.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/mapshaper.png" alt="Image showing Mapshaper"> </a> </div> <br class="clear" /> <p><a href="https://mapshaper.org/">https://mapshaper.org/</a><br/>Mapshaper is web tool for editing Shapefile, GeoJSON, TopoJSON, CSV and several other geo-spatial data formats. Mapshaper supports essential map making tasks like simplifying shapes, editing attribute data, clipping, erasing, dissolving, filtering and more.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,61,66,8">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_50_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-50-reviews-tab" data-toggle="tab" href="#tool-50-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-50-tutorials-tab" data-toggle="tab" href="#tool-50-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-50-reviews" role="tabpanel" aria-labelledby="50-reviews-tab"> <a class="btn add-review" href="/tools/50/reviews/new/">Add a review of Mapshaper</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-50-tutorials" role="tabpanel" aria-labelledby="50-tutorials-tab"> <a class="btn add-review" href="/tools/50/tutorials/new/">Add a tutorial for Mapshaper</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on JMP" tabindex="0" class="tool-details" id="tool-detail-54"> <div class="tool-details-header"> <h2>JMP</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="#"> <img style="" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Blank image"> </a> </div> <br class="clear" /> <p><a href="https://jmp.com">https://jmp.com</a><br/>JMP software combines interactive visualization with powerful statistics.</p> <ul class="hard-facets"> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:other" data-filter-group="programming-skills" title="Other" class="fas fa-code"></i> Other</li> <li><i data-filter="platform:apple" data-filter-group="platform" title="Apple" class="fab fa-apple"></i> Apple</li> <li><i data-filter="platform:windows" data-filter-group="platform" title="Windows" class="fab fa-windows"></i> Windows</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="features:wizard" data-filter-group="features" title="Wizard" class="fas fa-hat-wizard"></i> Wizard</li> <li><i data-filter="features:pdf-export" data-filter-group="features" title="PDF Export" class="fas fa-file-pdf"></i> PDF Export</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> </ul> <button class="btn similar-tool-filter" data-tools="46,32,45,36,61">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_54_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-54-reviews-tab" data-toggle="tab" href="#tool-54-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-54-tutorials-tab" data-toggle="tab" href="#tool-54-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-54-reviews" role="tabpanel" aria-labelledby="54-reviews-tab"> <a class="btn add-review" href="/tools/54/reviews/new/">Add a review of JMP</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-54-tutorials" role="tabpanel" aria-labelledby="54-tutorials-tab"> <a class="btn add-review" href="/tools/54/tutorials/new/">Add a tutorial for JMP</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Colorgorical" tabindex="0" class="tool-details" id="tool-detail-55"> <div class="tool-details-header"> <h2>Colorgorical</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="#"> <img style="" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22318%22%20height%3D%22180%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20318%20180%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_158bd1d28ef%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A16pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_158bd1d28ef%22%3E%3Crect%20width%3D%22318%22%20height%3D%22180%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22129.359375%22%20y%3D%2297.35%22%3EImage%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Blank image"> </a> </div> <br class="clear" /> <p><a href="http://vrl.cs.brown.edu/color">http://vrl.cs.brown.edu/color</a><br/>Colorgorical is a tool to make categorical color palettes for information visualizations. Users are able to customize palette design by (1) specifying the number of colors, (2) selecting the importance of discriminability and aesthetic preference, (3) limiting the CIE LCh hues and lightnesses of palette colors, and (4) providing a palette to build off of.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> </ul> <button class="btn similar-tool-filter" data-tools="63,46,50,51,16">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_55_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-55-reviews-tab" data-toggle="tab" href="#tool-55-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-55-tutorials-tab" data-toggle="tab" href="#tool-55-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-55-reviews" role="tabpanel" aria-labelledby="55-reviews-tab"> <a class="btn add-review" href="/tools/55/reviews/new/">Add a review of Colorgorical</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-55-tutorials" role="tabpanel" aria-labelledby="55-tutorials-tab"> <a class="btn add-review" href="/tools/55/tutorials/new/">Add a tutorial for Colorgorical</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> <div aria-label="Details on Observable" tabindex="0" class="tool-details" id="tool-detail-63"> <div class="tool-details-header"> <h2>Observable</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/observable.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/observable.png" alt="Image showing Observable"> </a> </div> <br class="clear" /> <p><a href="https://observablehq.com/">https://observablehq.com/</a><br/>Web-based interface featuring rich database and data manipulation, built-in plots and visualizations. Observable follows a cell-like structure optimized for collaborative exploration and creation of data-narratives. Observable is built with and powered by D3.js, enabling creation of almost any imaginable visualization.</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="availability:paid" data-filter-group="availability" title="Paid" class="fas fa-dollar-sign"></i> Paid</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:javascript" data-filter-group="programming-skills" title="Javascript" class="fab fa-js"></i> Javascript</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="features:web-publishing" data-filter-group="features" title="Web-publishing" class="fas fa-window-maximize"></i> Web-publishing</li> <li><i data-filter="features:file-exports" data-filter-group="features" title="File exports" class="fas fa-file-export"></i> File exports</li> <li><i data-filter="features:other_2" data-filter-group="features" title="Other" class="fas fa-magic"></i> Other</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:geographic" data-filter-group="type-of-data" title="Geographic" class="fas fa-globe-africa"></i> Geographic</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:text" data-filter-group="type-of-data" title="Text" class="fas fa-quote-right"></i> Text</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="type-of-data:network" data-filter-group="type-of-data" title="Network" class="fas fa-project-diagram"></i> Network</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:networks" data-filter-group="visualization" title="Networks" class="fas fa-project-diagram"></i> Networks</li> <li><i data-filter="visualization:other_4" data-filter-group="visualization" title="Other" class="fas fa-chart-area"></i> Other</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,32,61,60,45">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_63_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-63-reviews-tab" data-toggle="tab" href="#tool-63-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-63-tutorials-tab" data-toggle="tab" href="#tool-63-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-63-reviews" role="tabpanel" aria-labelledby="63-reviews-tab"> <a class="btn add-review" href="/tools/63/reviews/new/">Add a review of Observable</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-63-tutorials" role="tabpanel" aria-labelledby="63-tutorials-tab"> <a class="btn add-review" href="/tools/63/tutorials/new/">Add a tutorial for Observable</a> <h5 class="review-heading"> Interactive Exploration in Observable </h5> <div class="vote_count_tutorial_25"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_25">Upvote</button></p> </div> <p>Link: <a href="https://youtu.be/5JfjvKa60js">https://youtu.be/5JfjvKa60js</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Plotly Dash" tabindex="0" class="tool-details" id="tool-detail-14"> <div class="tool-details-header"> <h2>Plotly Dash</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/plotly_main.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/plotly_main.png" alt="Image showing Plotly Dash"> </a> </div> <br class="clear" /> <p><a href="https://plotly.com/dash/">https://plotly.com/dash/</a><br/>For building web-based analytic apps without the need for JavaScript.</p> <ul class="hard-facets"> <li><i data-filter="availability:open-source" data-filter-group="availability" title="Open source" class="fas fa-lock-open"></i> Open source</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="programming-skills:python" data-filter-group="programming-skills" title="Python" class="fab fa-python"></i> Python</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> <li><i data-filter="type-of-data:numeric" data-filter-group="type-of-data" title="Numeric" class="fas fa-window-maximize"></i> Numeric</li> <li><i data-filter="type-of-data:temporal" data-filter-group="type-of-data" title="Temporal" class="fas fa-history"></i> Temporal</li> <li><i data-filter="type-of-data:other_3" data-filter-group="type-of-data" title="Other" class="fas fa-border-style"></i> Other</li> <li><i data-filter="programming-skills:r" data-filter-group="programming-skills" title="R" class="far fa-file-code"></i> R</li> <li><i data-filter="visualization:basic-charts" data-filter-group="visualization" title="Basic charts" class="far fa-chart-bar"></i> Basic charts</li> <li><i data-filter="visualization:maps" data-filter-group="visualization" title="Maps" class="fas fa-globe-africa"></i> Maps</li> <li><i data-filter="visualization:advanced-charts" data-filter-group="visualization" title="Advanced charts" class="fas fa-chart-line"></i> Advanced charts</li> <li><i data-filter="visualization:storytelling" data-filter-group="visualization" title="Storytelling" class="fas fa-book"></i> Storytelling</li> </ul> <button class="btn similar-tool-filter" data-tools="46,63,5,36,32">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_14_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-14-reviews-tab" data-toggle="tab" href="#tool-14-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-14-tutorials-tab" data-toggle="tab" href="#tool-14-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-14-reviews" role="tabpanel" aria-labelledby="14-reviews-tab"> <a class="btn add-review" href="/tools/14/reviews/new/">Add a review of Plotly Dash</a> <h5 class="review-heading"> Review 1 <span class="date">9 Jul 2021</span> </h5> <p class="rating-title"><span class="rating-name">Usability</span> <i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#FF1862"></i><i class="fas fa-star" style="color:#a3a3a3c7;"></i></p> <p>The code, well... is lengthy, more complicated than that in Matplotlib/Seaborn and it runs slower.</p> <p class="rating-title"><span class="rating-name">Overall</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Plotly Express is a Python library for data visualization while Dash is is an app for building web applications. Together, they allow to run interactive visualisations on the web browser!</p> <p class="rating-title"><span class="rating-name">Beauty</span> <i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i><i class="fas fa-star" style="color:#FFA500"></i></p> <p>Plotly allows to create interactive visualisations and offers more plots than Seaborn. It also offers several default styles and themes for the background of your vizz as well as custom buttons.</p> </div> <div class="tab-pane " id="tool-14-tutorials" role="tabpanel" aria-labelledby="14-tutorials-tab"> <a class="btn add-review" href="/tools/14/tutorials/new/">Add a tutorial for Plotly Dash</a> <h5 class="review-heading"> Step-by-step guide to building a dashboard in Dash </h5> <div class="vote_count_tutorial_15"> <p>Upvotes: 0 <button class="upvote-button" type="button" id="id_upvote_15">Upvote</button></p> </div> <p>Link: <a href="https://towardsdatascience.com/how-to-build-a-complex-reporting-dashboard-using-dash-and-plotl-4f4257c18a7f">https://towardsdatascience.com/how-to-build-a-complex-reporting-dashboard-using-dash-and-plotl-4f4257c18a7f</a></p> <hr /> </div> </div> </div> </div> <div aria-label="Details on Data Viz Projects" tabindex="0" class="tool-details" id="tool-detail-64"> <div class="tool-details-header"> <h2>Data Viz Projects</h2> <button aria-label="Close tool detail." class="tool-detail-close" type="button"> <i class="fas fa-times"></i> </button> </div> <div class="tool-details-body"> <div class="pictures"> <a href="/media/images/dvp.PNG" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/dvp.PNG" alt="Image showing Data Viz Projects"> </a> <a href="/media/images/datavizproject.png" target="_blank"> <i class="fas fa-external-link-alt"></i> <img style="" src="/media/images/datavizproject.png" alt="Image showing Data Viz Projects"> </a> </div> <br class="clear" /> <p><a href="https://datavizproject.com/">https://datavizproject.com/</a><br/>A tool that helps you identify which type of chart or visual might fit your data set</p> <ul class="hard-facets"> <li><i data-filter="availability:free" data-filter-group="availability" title="Free" class="fab fa-creative-commons-nc"></i> Free</li> <li><i data-filter="programming-skills:none" data-filter-group="programming-skills" title="None" class="fas fa-pencil-ruler"></i> None</li> <li><i data-filter="platform:web" data-filter-group="platform" title="Web" class="fas fa-wifi"></i> Web</li> </ul> <button class="btn similar-tool-filter" data-tools="50,37,25,57,19">Show similar tools</button> <hr /> <div class="tab-nav-items"> <ul class="nav nav-tabs" id="tool_64_tab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="tool-64-reviews-tab" data-toggle="tab" href="#tool-64-reviews" role="tab" aria-controls="reviews" aria-selected="true">Reviews</a> </li> <li class="nav-item"> <a class="nav-link " id="tool-64-tutorials-tab" data-toggle="tab" href="#tool-64-tutorials" role="tab" aria-controls="tutorials" aria-selected="false">Tutorials</a> </li> </ul> </div>  <div class="tab-content"> <div class="tab-pane active" id="tool-64-reviews" role="tabpanel" aria-labelledby="64-reviews-tab"> <a class="btn add-review" href="/tools/64/reviews/new/">Add a review of Data Viz Projects</a> <h5 class="review-heading"> No reviews found </h5> </div> <div class="tab-pane " id="tool-64-tutorials" role="tabpanel" aria-labelledby="64-tutorials-tab"> <a class="btn add-review" href="/tools/64/tutorials/new/">Add a tutorial for Data Viz Projects</a> <h5 class="review-heading"> No tutorials found </h5> </div> </div> </div> </div> </div> </div> </div> </div> <script src="/static/js/jquery-3.4.1.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> <script src="/static/js/shuffle.min.js"></script> <script src="/static/js/script.js"></script> <script type="text/javascript"> $(document).ready(function(){ restyleFacetControls(); $(window).resize(function(){ console.log("resized"); debouncedScrollIfNeeded(); }); window.visbrowser = new Visbrowser(); window.visbrowser.addEventHandlers(); }); </script> </body> </html>

CINXE.COM

Visbrowser