HAPRI Visualizations

Brand-styled HTML visualizations of HAPRI's publication record, embedded on hapri.org via Wix HTML Components pointing at these files. Refreshed monthly from the Wix CMS. Buckets below mirror the hapri.org navigation so you can tell at a glance which page each viz belongs on. Source at github.com/HAPRIedu/visualizations; interaction patterns documented in docs/README.md. PEEK-AND-PIN marks viz with the hover-preview + click-to-pin paper drawer.

Home

Hero / decoration pieces for the landing page at hapri.org.

• KPI ticker
  Five headline numbers (papers, researchers, span, recent total, peak year) as animated tiles.
  HAPRI_Numbers_Ticker.html
• Ho Chi Minh flip clock
  Live institutional clock in 12-hour format, flip-paper digits, day/night ambient lighting.
  HAPRI_Live_Clock.html
• Cumulative velocity wave
  Curve of HAPRI's all-time paper count, 1999 to present, with 50-paper milestone dots. Reads as the institutional growth story.
  Publications_VelocityWave.html

Financial Tools

Visualizations that ride alongside the Personal Income Tax, Pension, and Unemployment Support calculators. These embed via Wix HTML Components and receive live form input from the parent page through the postMessage API - so the chart updates in real time as the visitor adjusts gross income, dependents, or region.

• PIT calculator (full)SELF-CONTAINED
  Complete Vietnamese Personal Income Tax calculator: gross income input, dependents stepper, residency pills, region pills, live salary-breakdown viz. Fetches active law rows from hapri.org/_functions/pitConstants on load - no Wix Velo page code needed. Drop the iframe URL into any Wix HTML Component (or any other site).
  PIT_Calculator.html
• PIT salary breakdown (viz only)LIVE INPUT
  Just the breakdown viz, without the form. Receives form inputs from the Wix calculator via postMessage. Use this if you want to keep the Wix form widgets and only embed the chart; use the full calculator above if you want a one-iframe replacement.
  PIT_SalaryBreakdown.html

News & Events

Banner / announcement pieces for the News & Events page.

• News bridge banner
  Animated "Research & updates" marquee surfacing the latest paper as a news teaser.
  Publications_NewsBridge.html

Publications

Charts that dissect the publication catalog itself - by year, by month, by theme, by co-occurrence.

• Year totals (bars)
  Vertical bar chart of papers per year, 2018 to 2025.
  Publications_Chart_Static.html
• Top themes (bars)
  Horizontal bars of HAPRI's top 12 research themes by paper count.
  Publications_TopThemes.html
• Themes over timePEEK-AND-PIN
  Stacked-area chart of five research themes from 2014 to 2025; hover/click any band to open all papers in that theme.
  Publications_ThemesOverTime.html
• Calendar heatmap
  Year x month grid; brighter cells mean more papers that month.
  Publications_Heatmap.html
• Draggable bubbles
  Top 12 themes as draggable bubbles grouped by domain.
  Publications_TopThemes_Bubbles.html
• Radial calendarPEEK-AND-PIN
  Concentric tree-rings (one per year, 2018-2025); hover/click a ring to open that year's papers.
  Publications_RadialCalendar.html
• Theme constellation
  Force-directed network of top themes connected by co-occurrence in papers; drag any node.
  Publications_ThemeConstellation.html
• Themes stream graph
  Five themes flowing as currents around a centered baseline, 2014-2025.
  Publications_ThemesStream.html
• Word cloud (flip cards)PEEK-AND-PIN
  Typographic cloud of top themes; hover/click a word to open every paper on that theme.
  Publications_WordCloud.html