6642113326@student.chula.ac.th

@6642113326·12 public vizzes

Fork of eiei

This visualization is a dashboard for exploring election irregularities in Thailand, specifically analyzing constituency and party-list results. It presents interactive maps, bar charts, pie charts, and scatter plots to examine relationships between winning margins, reported problems, invalid ballots, and voter turnout. The application uses d3.csv to load the dataset and d3.rollup to aggregate data for the pie chart, while the scatter plot applies d3.scaleLinear and d3.axisBottom to display the correlation between vote difference ratios and issue counts. Animated SVG transitions highlight data points upon user interaction.

Apr 12, 2026

Loading thumbnail…

Fork of Fork of Final

This visualization presents an interactive dashboard analyzing Thai election irregularities across provinces, mapping correlations between vote margins, reported problems, invalid ballots, and voter turnout. It combines multiple D3.js v7 charts—including a scatterplot showing the relationship between vote margin ratios and reported issues, a pie chart displaying winning parties by problem type, and a bar chart with sorting controls. The visualization uses an SVG-based dot grid map for geographic distribution, D3 scales, arc generators for pie segments, and custom tooltips to reveal detailed CSV data on hover, all styled with Thai-language labels and party-specific color encoding.

Apr 11, 2026

Loading thumbnail…

Fork of React & D3 Starter

This dashboard visualizes election anomalies across Thailand’s 2023 general election, comparing constituency and party-list results. It displays a dot-matrix map, bar charts, pie charts, and a scatter plot, all colored by winning party or anomaly level. Built with D3 v7, it uses `d3.csv` to load data, `d3.rollup` for aggregation, and `d3.pie`/`d3.arc` for donut charts, with SVG rendering and tooltip interactions for district-level inspection.

Apr 10, 2026

Loading thumbnail…

Fork of Fork of Fork of Fork of Hello VizHub

This interactive dashboard visualizes potential irregularities in the 69th Thai election across 400 districts, using CSV data covering district and party-list results. The interface combines a scrollable bar chart of problem counts, a donut chart showing winning party shares, a scatter plot correlating vote margin ratios with problem reports, and a spatial grid map. Built with D3 v7, the visualization features interactive radio buttons for election type, sortable bar sections, and tooltips, all styled with Sarabun typography and a responsive layout.

Apr 9, 2026

Loading thumbnail…

Fork of React & D3 Starter

A React-based starter example demonstrates a minimal integration of D3.js and React within a single-page application. The code renders a static text message, "Hello D3 & React", centered on the page with a large font size. The implementation uses React's `useRef` and `useEffect` hooks to access a DOM element, then calls D3's `select` function to set the text content. React's `createRoot` from `react-dom/client` handles rendering, while the `d3` module is imported directly for DOM manipulation.

Apr 9, 2026

Loading thumbnail…

Fork of Fork of Fork of Fork of Hello VizHub

This visualization analyzes Thai election data from a CSV file, presenting a bar chart of reported irregularities across electoral districts alongside a choropleth map. The bars are color-coded by severity level, with interactive sorting and tooltips. The map uses `d3.geoPath` to render GeoJSON boundaries and a bivariate color matrix to show the relationship between winning margins and reported problems. Both views are implemented with D3 v7, using `d3.csv` for data loading and `d3.scaleLinear`/`d3.scaleBand` for chart scales.

Apr 8, 2026

Loading thumbnail…

Fork of Fork of Fork of Hello VizHub

This visualization presents a Thai election dashboard, analyzing anomalies across district and party-list results. It combines a bivariate choropleth map, colored by problem severity and margin of victory, with a horizontal bar chart showing reporting inconsistencies. The bar chart uses d3.csv to load the data and offers interactive sorting, with tooltips and color-coded severity levels. The map rendering leverages D3 v7’s geoPath, while the interface includes tabs for different electoral issues and radio buttons to switch between election types.

Apr 8, 2026

Loading thumbnail…

Fork of Fork of Hello VizHub

This interactive dashboard visualizes anomalies in Thailand’s 2023 election data across 400 districts, using a bivariate choropleth map and a bar chart. The map encodes both the margin of victory and the severity of reported irregularities, while the bar chart ranks districts by total reported votes, colored by anomaly level. Built with D3 v7, it uses `d3.csv` for data loading, `d3.select` for DOM manipulation, and SVG rendering. Users can toggle between district and party-list views, filter by political party and anomaly type, and sort the bar chart by vote count.

Apr 8, 2026

Loading thumbnail…

Fork of Fork of Fork of HTML Starter

A dashboard visualizes election irregularities across Thai provinces, displaying which districts show problems, with tabs for problematic areas, invalid ballots, and voter turnout. The summary card shows counts of affected districts, while a bivariate choropleth map uses color matrices to combine irregularity levels with margin of victory. D3 v7 with SVG renders the map and a filtered bar chart, with interactive tab switching and tooltips providing district details.

Apr 8, 2026

Loading thumbnail…

Fork of Fork of Fork of Fork of HTML Starter

This dashboard visualizes election irregularities across 400 districts, ranking them by a total problem score. Horizontal bars show each district’s score, with bar colors encoding severity levels—Major, Minor, or None—through a blue-to-pink palette. The interactive chart loads data from a CSV using `d3.csv`, renders as SVG with `d3.scaleBand` and `d3.axisBottom`, and updates via sortable buttons that reorder bars using `d3.select().on('click')`. A tooltip appears on hover using `d3.color().darker()` to temporarily darken bar fills.

Apr 8, 2026

Loading thumbnail…

Fork of Fork of Fork of HTML Starter

This dashboard visualizes election irregularities across Thai provinces, using a choropleth-style map of hexagonal grids where each hexagon represents a district, color-coded by the selected metric (problem count, invalid ballots, or voter turnout). It displays a summary card with the total problematic districts and a bar chart ranking provinces. Built with D3 v7, it uses SVG rendering, `d3.zoom` for panning and scaling, and custom hexagon path generation via `d3.line`. The code includes simulated province coordinates and district grids, with mouseover tooltips for interactive exploration.

Apr 8, 2026

Loading thumbnail…

Fork of D3 Starter

This example presents a tile grid map of Thailand’s provinces, using a dot per electoral district to compare three metrics: reported problems, invalid ballots, and voter turnout. A tab interface switches between these modes, recoloring the dots accordingly, with hover tooltips identifying each district. Built with D3 v7, the visualization positions province tiles via a custom grid coordinate system and renders the underlying SVG with rectangles, text, and circles. Data is embedded directly in the code as a JavaScript array of province names, grid positions, and district counts.

Apr 8, 2026