加载应用…
云澜 Clyune Clyune Component Gallery · 中文

Advanced Data Viz

19 advanced charts built on real layout algorithms (squarify, force-directed, stacking, quartiles, spiral placement…). Hover or drag to see values and explanations.

Tech: Canvas 2D, force layout, squarify treemap, stack / quartile, spiral word placement

  • Network Graph — Network of technology links: Cologne repulsive + spring-driving power steering layout.
  • Treemap — Squarify Square Algorithms: Size is the size of the area, which compares it to the width of the slice method.
  • Force-directed Graph — Power-oriented simulation of cluster clusters: charge, Electrical lead; connecting line, Collision between three forces and temperature cooling.
  • Heatmap — Gaussian hotspot stacked grid data, gamma contrast and warm double colour bands.
  • Radar Chart — Multiple series multi-dimensional comparisons, real time polygonal size.
  • Sankey Diagram — Source → Page → Flow chart to go, intermediate node in = Out.
  • Bubble Scatter — Breakpoint + bubble size 3D data, real time Pearson r with regression line.
  • Calendar Heatmap — GitHub week thermal effort: grade colour, Active number of Foreign Affairs Officers
  • Sunburst — The one-tier scale, the sector angle, the value.
  • Chord Diagram — Inter-city flow matrix: arc long arc flow, string wide two-way flow.
  • Box Plot — Q1 in real time / Medium / Q3, 1.5 · IQR muster with an off-group point.
  • Parallel Coordinates — Multi-dimensional data fold + pointer filter, counting selected bars.
  • Streamgraph — A rolling stack of area maps over time, three baseline models.
  • Word Cloud — Zipov's word frequency + Akimid's screw Inspector, linear / √ / Map the numbers.
  • Hierarchy List — Collapseable indent tree with a value bar showing the overall ratio.
  • Conversion Funnel — Accesses the recommended multi-stage conversion, cumulative transformation = one-step conversion multiplier.
  • Candlestick Chart — A logarithmic normal random walk, real time beat + mean line + barter.
  • Icicle Chart — rectangular layer partitions, with a sub-block located directly below the parent block and divided by value.
  • Arc Progress — Multilayer KPI Circle, Linear / Slow out / Resilient three slow animations.