kulpondpat@gmail.com

Fork of Fork of Fork of Final

This dashboard visualizes election irregularities in Thailand, showing the relationship between close electoral races and reported problems, invalid ballots, and voter turnout. It combines multiple D3.js v7 charts, including an interactive map of provinces with toggleable modes, a bar chart, a pie chart, and a scatter plot, all driven by a CSV file of district-level results. The code uses d3.csv for data loading, d3.rollup for aggregation, and d3.pie/d3.arc for the donut chart, with custom tooltips and color-coded party legend for user interaction.

Apr 12, 2026

Fork of Final

This dashboard visualizes election irregularities across Thailand, presenting an interactive map, bar chart, pie chart, and scatter plot. It uses D3.js v7 to render SVG and animated transitions, allowing users to switch between constituency and party-list data, and to filter by political party. The visualization explores relationships between vote margins, reported problems, invalid ballots, and voter turnout, with tooltips providing detailed statistics for each district. Data is loaded from a CSV file containing election results and anomaly indicators.

Apr 11, 2026

Final

This dashboard visualizes Thai election irregularities across constituencies, comparing problems, invalid ballots, and voter turnout between district and party-list votes. It uses a choropleth map with D3’s `geoPath`, animated bar charts, pie charts, and a scatter plot with trend lines to reveal relationships between vote margins and reported anomalies. All charts are built with D3 v7, rendering SVG elements with tooltips and interactive radio-button filters, using data from MainPointComplete.csv.

Apr 10, 2026

Fork of Fork of React & D3 Starter

This dashboard visualizes electoral irregularities across 400 Thai districts, allowing users to explore problems, invalid ballots, and voter turnout through interactive choropleth maps, bar charts, pie charts, and scatter plots. Built with D3.js v7, it uses SVG rendering and animation to display bivariate color matrices and animated transitions. Data is loaded from a CSV file containing provincial electoral results, with hover tooltips and radio-button filters enabling comparison between district-based and party-list election data.

Fork of Fork of Fork of Fork of Fork of HTML Starter

This dashboard monitors electoral irregularities across 400 districts using Thai election data. A bivariate choropleth map, colored by the interaction between victory margin (Safe-seat, Moderate, Marginal) and reported problem severity (Major, Minor, None), uses a 3×3 color matrix. Linked views include a bar chart and pie chart, both filterable by district or party-list mode and by metric: reported problems, spoiled ballots, or voter turnout. Built with D3 v7, the visualization employs `d3.rollup`, `d3.pie`, `d3.arc`, and SVG rendering, with data loaded from `MainPointComplete.csv`.

Fork of Fork of React & D3 Starter

This dashboard visualizes election irregularities across 400 Thai constituencies, showing problem reports, invalid ballots, and voter turnout. Users switch between district and party-list results and filter by winning party. D3.js v7 powers the interactive choropleth map built with `d3.geoPath`, animated bar charts, pie charts, and a scatterplot charting margin of victory against reported anomalies, all reading from a CSV file.

Fork of Fork of React & D3 Starter

This dashboard visualizes election irregularities across Thailand’s 400 districts, comparing constituency and party-list results. Users toggle between election types and view modes (problem areas, invalid ballots, voter turnout) to update synchronized bar charts, pie charts, scatterplots, and a grid-based map. The D3 v7 code uses `d3.csv` to load data, `d3.rollup` for aggregation, `d3.scaleOrdinal` for party colors, and `d3.arc` for pie segments, with animated transitions and interactive tooltips.

Fork of Fork of Fork of Fork of HTML Starter

This interactive dashboard visualizes voting irregularities across 400 electoral districts in Thailand. It displays a dot-grid map highlighting districts classified as having major issues, with color intensity representing margin of victory and reported problems. The visualization uses D3.js v7 with SVG rendering, featuring bivariate choropleth coloring, interactive tabs for different anomaly types, and radio buttons to switch between district-level and party-list election data. The interface includes a summary card and dynamic filtering by political party, with data sourced from the included CSV file.

Fork of Fork of Fork of HTML Starter

This Thai-language dashboard visualizes election irregularities across 400 districts, distinguishing between district-based and party-list voting systems. It presents a bivariate choropleth map where color encodes both anomaly severity and margin of victory, alongside a dot-matrix representation of provinces. Built with d3.v7, the visualization uses a custom bivariate color matrix, SVG rendering for the map, and interactive tabs to switch between anomaly, invalid-ballot, and voter-turnout views. The interface includes radio buttons for election type, party filters, and a summary card displaying counts of problematic districts.

Fork of Fork of HTML Starter

This dashboard examines potential irregularities in Thailand’s 69th election by mapping districts with reported issues. It displays a grid-based map using D3.js, with colored squares representing the number of problems per district. Users can switch between district-level and party-list data, with a summary card updating the total count and percentage. A bar chart ranks districts by problem counts. The visualization is built with D3.v7 and SVG, with data loaded from an included CSV file.

Fork of Fork of Fork of HTML Starter

This dashboard visualizes anomalies in Thailand’s 69th election, mapping problem districts across the country. It presents an interactive SVG map built with D3 v7, where each district is drawn as a grid of small rectangles via raw coordinate data, alongside a bar chart ranking districts by issue count. Users switch between map views using tabs, with a stepped color legend indicating severity. The code uses D3 selections, scales, and SVG rendering to generate both the custom low-level map and the chart.

Fork of HTML Starter

This dashboard visualizes election irregularities across Thailand’s 69 provinces, with a dot-matrix map encoding the number of problem districts per province and a bar chart ranking them. Users toggle between views for problem districts, invalid ballots, and voter turnout. Built with D3 v7, it renders an SVG map and bar chart, using tab buttons and a legend, with tooltips for interaction.

Fork of Fork of HTML Starter

A dashboard visualizes election irregularities across Thai constituencies, mapping problems, invalid ballots, and voter turnout. It renders Thailand's electoral boundaries from a GeoJSON FeatureCollection using D3 v7's `d3.geoMercator` and `d3.geoPath` into an SVG, with D3 zoom for panning and scaling. Interactive tabs and hover tooltips show province names and constituency numbers. A summary card displays struck-through placeholder counts, while a bar-chart area remains empty, awaiting data binding.