https://app.dataviz.jp/en/categories/how-to/ Recent content in How-to on Data Toolbox Hugo -- gohugo.io en dataviz.jp https://app.dataviz.jp/en/how-to-use-data-viz/ Mon, 01 Jan 0001 00:00:00 +0000 https://app.dataviz.jp/en/how-to-use-data-viz/ <p>Here is a guide to the data visualization tools available, organized by purpose.</p> <ul> <li><a class="link" href="#create-various-charts" >Create various charts</a></li> <li><a class="link" href="#exploratory-data-visualization" >Exploratory data visualization</a></li> <li><a class="link" href="#3d-visualization" >3D visualization</a></li> <li><a class="link" href="#3d-map-visualization" >3D map visualization</a></li> <li><a class="link" href="#create-data-maps-by-prefecture-or-municipality" >Create data maps by prefecture or municipality</a></li> <li><a class="link" href="#create-world-data-maps" >Create world data maps</a></li> <li><a class="link" href="#network-visualization" >Network visualization</a></li> <li><a class="link" href="#text-visualization" >Text visualization</a></li> <li><a class="link" href="#code-based-quick-visualization" >Code-based quick visualization</a></li> <li><a class="link" href="#animate-aircraft-and-ship-trajectories" >Animate aircraft and ship trajectories</a></li> </ul> <h2 id="create-various-charts">Create various charts </h2><p><div class="external-link-card"> <a class="external-link-card__inner" href="https://rawgraphs.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_rawgraphs-db.jpg" alt="RAWGraphs2" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">RAWGraphs2</div><div class="external-link-card__description">Create diverse charts with ease</div><div class="external-link-card__url">rawgraphs.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://data-illustrator.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_data-illustrator.jpg" alt="Data Illustrator" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Data Illustrator</div><div class="external-link-card__description">Create diverse charts with ease</div><div class="external-link-card__url">data-illustrator.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </p> <h2 id="exploratory-data-visualization">Exploratory data visualization </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://voyager2.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_voyager2.jpg" alt="Voyager2" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Voyager2</div><div class="external-link-card__description">A visualization tool for Exploratory Data Analysis (EDA)</div><div class="external-link-card__url">voyager2.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://parallel-coordinates.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_parallel-coordinates.png" alt="Parallel Coordinates" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Parallel Coordinates</div><div class="external-link-card__url">parallel-coordinates.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="3d-visualization">3D visualization </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://3d-surface-chart.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_3d-surface-chart.png" alt="3D Surface Chart" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">3D Surface Chart</div><div class="external-link-card__description">Display 3D data (row × column × value) as a colored surface, like a topographic map</div><div class="external-link-card__url">3d-surface-chart.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="3d-map-visualization">3D map visualization </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://kepler-gl.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_kepler-gl.jpg" alt="kepler.gl" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">kepler.gl</div><div class="external-link-card__description">Visualization and exploration tool for large-scale geospatial data</div><div class="external-link-card__url">kepler-gl.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="create-data-maps-by-prefecture-or-municipality">Create data maps by prefecture or municipality </h2><p><div class="external-link-card"> <a class="external-link-card__inner" href="https://choropleth-japan.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_choropleth-japan.png" alt="Japan Choropleth Map" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Japan Choropleth Map</div><div class="external-link-card__description">Easily create choropleth maps of Japan</div><div class="external-link-card__url">choropleth-japan.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://cartogram-japan.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_cartogram-japan.png" alt="Japan Cartogram" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Japan Cartogram</div><div class="external-link-card__description">Easily create cartograms of Japan</div><div class="external-link-card__url">cartogram-japan.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://choropleth-prefectures.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_choropleth-prefectures.png" alt="Prefecture Choropleth Map" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Prefecture Choropleth Map</div><div class="external-link-card__description">Easily create choropleth maps of prefectures</div><div class="external-link-card__url">choropleth-prefectures.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://cartogram-prefectures.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_cartogram-prefectures.png" alt="Prefecture Cartogram" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Prefecture Cartogram</div><div class="external-link-card__description">Easily create cartograms of prefectures</div><div class="external-link-card__url">cartogram-prefectures.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </p> <h2 id="create-world-data-maps">Create world data maps </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://tilegrams.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_tilegrams.png" alt="Tilegrams" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Tilegrams</div><div class="external-link-card__description">Create tile maps</div><div class="external-link-card__url">tilegrams.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="network-visualization">Network visualization </h2><p><div class="external-link-card"> <a class="external-link-card__inner" href="https://sankeymatic.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_sankeymatic.png" alt="Sankeymatic" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Sankeymatic</div><div class="external-link-card__description">Create Sankey diagrams with ease</div><div class="external-link-card__url">sankeymatic.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://cytoscape.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_cytoscape.jpg" alt="Cytoscape" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Cytoscape</div><div class="external-link-card__description">Web version of Cytoscape</div><div class="external-link-card__url">cytoscape.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://gephi-lite.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_gephi-lite.jpg" alt="Gephi Lite" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Gephi Lite</div><div class="external-link-card__description">Create network graphs with ease</div><div class="external-link-card__url">gephi-lite.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </p> <h2 id="text-visualization">Text visualization </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://word-cloud.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_wordcloud.png" alt="Word Cloud" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Word Cloud</div><div class="external-link-card__description">Word Cloud specialized for Japanese</div><div class="external-link-card__url">word-cloud.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="code-based-quick-visualization">Code-based quick visualization </h2><p><div class="external-link-card"> <a class="external-link-card__inner" href="https://vega-editor.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_vega-editor.jpg" alt="Vega Editor" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Vega Editor</div><div class="external-link-card__description">Write visualization specs in JSON to render interactive graphs and charts in real time</div><div class="external-link-card__url">vega-editor.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://quickchart.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover-quickchart.png" alt="QuickChart UI" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">QuickChart UI</div><div class="external-link-card__description">Generate chart images with just a URL</div><div class="external-link-card__url">quickchart.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://svg-gradient.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover-svg-gradient.png" alt="SVG Gradient Editor" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">SVG Gradient Editor</div><div class="external-link-card__description">Design gradients for your charts</div><div class="external-link-card__url">svg-gradient.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://svg-tectures.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover-svg-texture.jpg" alt="SVG Texture Editor" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">SVG Texture Editor</div><div class="external-link-card__description">Design textures for your charts</div><div class="external-link-card__url">svg-tectures.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://easings.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_easings.png" alt="Easing Functions Cheat Sheet" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Easing Functions Cheat Sheet</div><div class="external-link-card__description">Visualize parameter changes over time</div><div class="external-link-card__url">easings.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </p> <h2 id="animate-aircraft-and-ship-trajectories">Animate aircraft and ship trajectories </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://bbts.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_broadcast-tracking-system.jpg" alt="ADS-B / AIS Visualization" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">ADS-B / AIS Visualization</div><div class="external-link-card__description">Easily animate aircraft and ship movement data</div><div class="external-link-card__url">bbts.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> https://app.dataviz.jp/en/how-to-use-data-wrangling/ Mon, 01 Jan 0001 00:00:00 +0000 https://app.dataviz.jp/en/how-to-use-data-wrangling/ <p>Here is a guide to the data wrangling tools available, organized by purpose.</p> <ul> <li><a class="link" href="#visually-cleanse-your-data" >Visually cleanse your data</a></li> <li><a class="link" href="#easily-merge-map-data-with-thematic-data" >Easily merge map data with thematic data</a></li> <li><a class="link" href="#quickly-understand-json-structure" >Quickly understand JSON structure</a></li> <li><a class="link" href="#fix-character-encoding-issues" >Fix character encoding issues</a></li> <li><a class="link" href="#easily-convert-addresses-to-latitudelongitude" >Easily convert addresses to latitude/longitude</a></li> <li><a class="link" href="#extract-table-data-from-pdfs" >Extract table data from PDFs</a></li> <li><a class="link" href="#remove-furigana-from-aozora-bunko-texts" >Remove furigana from Aozora Bunko texts</a></li> <li><a class="link" href="#use-mapbox-studio-base-maps-in-foursquare-studio-or-keplergl" >Use Mapbox Studio base maps in Foursquare Studio or Kepler.gl</a></li> <li><a class="link" href="#reduce-map-data-file-size" >Reduce map data file size</a></li> <li><a class="link" href="#quickly-create-buffer-zones-around-pois" >Quickly create buffer zones around POIs</a></li> <li><a class="link" href="#create-custom-map-data" >Create custom map data</a></li> <li><a class="link" href="#format-and-convert-map-data" >Format and convert map data</a></li> <li><a class="link" href="#convert-bus-route-data-to-network-data" >Convert bus route data to network data</a></li> <li><a class="link" href="#convert-svg-for-use-in-graphic-tools" >Convert SVG for use in graphic tools</a></li> <li><a class="link" href="#easily-identify-map-tile-locations" >Easily identify map tile locations</a></li> </ul> <h2 id="visually-cleanse-your-data">Visually cleanse your data </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://open-refine.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_open-refine.jpg" alt="OpenRefine" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">OpenRefine</div><div class="external-link-card__description">Data cleansing and transformation tool for tabular data</div><div class="external-link-card__url">open-refine.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="easily-merge-map-data-with-thematic-data">Easily merge map data with thematic data </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://geo-data-merger.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_geo-data-merger.jpg" alt="(Geo) DataMerger" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">(Geo) DataMerger</div><div class="external-link-card__description">Easily merge geographic data with thematic data</div><div class="external-link-card__url">geo-data-merger.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="quickly-understand-json-structure">Quickly understand JSON structure </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://jsoncrack.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_jsoncrack.png" alt="JSON Crack" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">JSON Crack</div><div class="external-link-card__description">Visually understand JSON data structures in your browser</div><div class="external-link-card__url">jsoncrack.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="fix-character-encoding-issues">Fix character encoding issues </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://change-character-encoding.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover-change-character-encoding.png" alt="Shift JIS ⇄ UTF-8 Converter" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Shift JIS ⇄ UTF-8 Converter</div><div class="external-link-card__description">Convert character encoding between Shift JIS and UTF-8</div><div class="external-link-card__url">change-character-encoding.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="easily-convert-addresses-to-latitudelongitude">Easily convert addresses to latitude/longitude </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://address-to-latlon.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_address-to-latlon.jpg" alt="Address to Lat/Lon Converter" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Address to Lat/Lon Converter</div><div class="external-link-card__description">Geocoding tool</div><div class="external-link-card__url">address-to-latlon.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="extract-table-data-from-pdfs">Extract table data from PDFs </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://tabula-pdf.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_tabula-pdf.jpg" alt="Tabula PDF" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Tabula PDF</div><div class="external-link-card__description">Extract table data from PDFs</div><div class="external-link-card__url">tabula-pdf.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="remove-furigana-from-aozora-bunko-texts">Remove furigana from Aozora Bunko texts </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://aozora-furigana.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_aozora-furigana.jpg" alt="Aozora Furigana Remover" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Aozora Furigana Remover</div><div class="external-link-card__description">Remove furigana and metadata from Aozora Bunko novels</div><div class="external-link-card__url">aozora-furigana.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="use-mapbox-studio-base-maps-in-foursquare-studio-or-keplergl">Use Mapbox Studio base maps in Foursquare Studio or Kepler.gl </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://classic-mapbox-styles.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_classic-mapbox-styles.png" alt="Mapbox Classic Styles" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Mapbox Classic Styles</div><div class="external-link-card__description">Mapbox map tiles for use with Kepler.gl and Foursquare Studio</div><div class="external-link-card__url">classic-mapbox-styles.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="reduce-map-data-file-size">Reduce map data file size </h2><div class="external-link-card"> <a class="external-link-card__inner" href="http://mapshaper.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_mapshaper.jpg" alt="Mapshaper" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Mapshaper</div><div class="external-link-card__description">Process and convert map data</div><div class="external-link-card__url">mapshaper.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="quickly-create-buffer-zones-around-pois">Quickly create buffer zones around POIs </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://turf-buffer.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_turf-buffer.png" alt="Turf Buffer" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Turf Buffer</div><div class="external-link-card__description">Easily create radius buffers in your browser</div><div class="external-link-card__url">turf-buffer.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="create-custom-map-data">Create custom map data </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://geojson.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_geojson.jpg" alt="GeoJSON.io" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">GeoJSON.io</div><div class="external-link-card__description">Trace map tiles to create GeoJSON</div><div class="external-link-card__url">geojson.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="format-and-convert-map-data">Format and convert map data </h2><p><div class="external-link-card"> <a class="external-link-card__inner" href="https://latlon-formatter.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_latlon-formatter.png" alt="Lat/Lon Formatter" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Lat/Lon Formatter</div><div class="external-link-card__description">Easily convert latitude/longitude decimal places</div><div class="external-link-card__url">latlon-formatter.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <div class="external-link-card"> <a class="external-link-card__inner" href="https://transform-coordinates.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_transform-coordinates.png" alt="Transform Coordinates" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Transform Coordinates</div><div class="external-link-card__description">Convert coordinates of geographic feature files</div><div class="external-link-card__url">transform-coordinates.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> </p> <h2 id="convert-bus-route-data-to-network-data">Convert bus route data to network data </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://gtfs-to-network.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/gtfs-to-network.png" alt="GTFS to Network" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">GTFS to Network</div><div class="external-link-card__description">Convert GTFS transit data to network data</div><div class="external-link-card__url">gtfs-to-network.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="convert-svg-for-use-in-graphic-tools">Convert SVG for use in graphic tools </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://geojson-and-svg.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_geojson-and-svg.jpg" alt="SVG ⇄ GeoJSON Converter" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">SVG ⇄ GeoJSON Converter</div><div class="external-link-card__description">Convert between GeoJSON and SVG formats</div><div class="external-link-card__url">geojson-and-svg.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div> <h2 id="easily-identify-map-tile-locations">Easily identify map tile locations </h2><div class="external-link-card"> <a class="external-link-card__inner" href="https://what-the-tile.dataviz.jp/" target="_blank" rel="noopener noreferrer"> <div class="external-link-card__media"><img src="https://app.dataviz.jp/images/cover_what-the-tile.png" alt="Map Tile Browser" loading="lazy" decoding="async" /></div> <div class="external-link-card__body"><div class="external-link-card__site">dataviz.jp</div><div class="external-link-card__title">Map Tile Browser</div><div class="external-link-card__description">Browse multiple open map tile types and check XYZ tile coordinates</div><div class="external-link-card__url">what-the-tile.dataviz.jp</div></div> <span class="external-link-card__icon" aria-hidden="true"> <svg viewBox="0 0 24 24" focusable="false"> <path d="M14 3h7v7m0-7L13 11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17 17H5V5h7" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </a> </div>