Skip to main content
SimilarExport ZIP
100%

Dataset of Visitors of Thailand (Tourists)

✓ Published0🌍 Public
PPichayut Liamthong
Last edited Sep 9, 2020
Created on Sep 9, 2020

This example displays basic metadata about a CSV dataset of tourists visiting Thailand from 2010 to 2016. It shows the file size, row count, and column count in large text. The visualization uses D3.js v5’s `d3.csv` to load the data from a GitHub Gist, then formats the output with `d3.csvFormat` and updates the page via the DOM. The code also includes commented alternatives using the Fetch API with async/await and callback-based parsing.

AI-generated description

Dataset contains the number of tourists entered Thailand during each month in 2010-2016. It groups by nationalities and regions.

Data link : https://gist.github.com/pichayutter/463151a5d63019d180da3cff5700911f

MIT Licensed

Similar vizzes

Loading thumbnail…

question2

This chart visualizes international tourist arrivals in Thailand from 2010 to 2022 as a filled area (area chart) rendered in SVG. The y-axis shows visitor counts in millions, while the x-axis displays years. The visualization filters the source CSV data to only include Thailand, sorts records by year, and encodes the data using `d3.area()` with a band scale for years and a linear scale for visitor counts. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and the plot includes labeled axes. The data is loaded via `d3.csv` from a GitHub-hosted dataset, and the chart uses D3 v7.

Ssailalith2000@gmail.com
74% match
Loading thumbnail…

Dataset of HIV Patients in Bangkok

This gallery example displays summary statistics for a dataset of HIV patients in Bangkok. It reports the dataset’s file size in kilobytes, its row count, and its column count using oversized text. The visualization loads a CSV file from a GitHub gist via `d3.csv`, then computes the size with `d3.csvFormat` and counts rows and columns from the parsed array. The code also includes commented alternatives using `fetch` with async/await and a nested Promise “pyramid of doom,” illustrating different ways to retrieve and parse the same remote data with D3 v5.

PPichayut Liamthong
73% match
Loading thumbnail…

Dataset of High Level Education in Thailand

This example demonstrates the basic contents of a dataset on higher education institutions in Thailand. It displays a large text message summarizing the data file, showing its size in kilobytes, the number of rows, and the number of columns. The code uses D3 version 5.11, specifically the `d3.csv` and `d3.csvFormat` functions, to load and parse the remote CSV file from a GitHub gist before computing and displaying the dataset’s metadata.

PPichayut Liamthong
72% match
Loading thumbnail…

Untitled

This example displays metadata for a Singapore tax returns dataset, reporting its file size, row count, and column count from a CSV file. The page presents this information as styled text, alongside a link to view the dataset and a background image. The code uses D3’s `d3.csv` to fetch the remote CSV, `d3.csvFormat` to serialize it for size calculation, and `data.columns.length` to count columns. The visualization emphasizes textual data summary rather than graphical charts.

IIndhuKrishnaraj
69% match
Loading thumbnail…

Visitors/Date

This example shows a line chart of daily visitor counts from a CSV file, with dates on the x-axis and visitor numbers on the y-axis. The code loads the data using the `d3.csv` API from D3 v5, then logs the parsed data to the console. The visualization itself is not yet rendered; the script currently only retrieves and prints the data, leaving the drawing of the chart to a subsequent step. The chart will eventually use D3's scales and SVG path functions to map the date and visitor values to visual elements.

Nnishu2511
68% match
Loading thumbnail…

DATA VISUALIZATION

This example loads a CSV of country populations from a GitHub gist and displays a plain-text summary of the dataset in the browser. Using `d3.csv`, it fetches the data and then computes the file size in kilobytes, row count, and column count, which are formatted with `d3.csvFormat` and written to a `<pre>` element styled with black background and green text. The data originates from the 2018 United Nations World Population Prospects estimate, though the live code references a different gist URL than the documented file.

Aajaysonu
66% match
Loading thumbnail…

Tourism Stacked Bar Chart

This example shows a stacked bar chart of tourist visitor numbers by year, with each bar segment representing a different country’s contribution. The chart uses D3 v7 to load CSV data via `d3.csv`, then renders an SVG with `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `scaleOrdinal` with `schemeCategory10` for colors. Bars are constructed by grouping data per year and stacking segments for each country. The visualization includes axes labels, a title, and a legend, with the y-axis measuring visitors and the x-axis showing years from 1995.

Ssaikrishnabussa
66% match
Loading thumbnail…

Parsing CSV Data with D3

This visualization demonstrates how to parse CSV data using D3.js by fetching a remote file and displaying summary statistics. The page shows the dataset’s row count, column count, and file size in kilobytes within a large text element. It uses D3’s `d3.csv()` function to load and parse the CSV from a GitHub gist, then formats the data with `d3.csvFormat()` to calculate its size. The example also includes commented-out code using `fetch()`, `async`/`await`, and `d3.csvParse()` as an alternative parsing approach.

TTetiana Humeniuk
66% match