3D Visualization & Statistical Charts
Charts: Chart, Histogram, Pareto — A Breakdown Using Total Requests and Unique Visitors (Cloudflare) for devitpro.uz
My personal experience exploring three foundational tools of every analyst in the world of IT and AI: the chart, the histogram, and the Pareto chart. I break down the difference between distribution and category comparison, how a histogram reveals the "hump" and outliers, why bins and Sturges' rule matter, and why the Pareto chart is essentially a histogram with a cumulative curve that answers the question "which 20% of causes produce 80% of the result?". Every visualization is built with Apache ECharts on real data from two sources: Total Requests (Cloudflare) for devitpro.uz covering October 3 to November 1, 2026 — 39,726 requests, 6,656 unique visitors, and an anomalous spike of 13,163 requests on October 9 — plus Unique Visitors for the same period with a maximum of 344 visitors on October 18. I also show why requests and people must never be confused: 53 requests per person on October 9 versus just 2 requests per person on October 18. Built with ECharts and GSAP.
3D Visualization & Hierarchical Data
Charts: Sunburst — Reading Hierarchies in Radial Light, a Breakdown of Sunburst Charts in IT and AI Using Requests (Cloudflare) and Edge Requests (Vercel) for devitpro.uz
My personal experience exploring the Sunburst chart in the world of IT and AI: how hierarchy turns into concentric rings, where the angle of each sector is proportional to its value and the nesting reveals levels — from total traffic volume down to individual countries and regional nodes. I break down how to read proportions and outliers, why drill-down, tooltips and color-coding of levels matter, and why Sunburst is not "just circles" but a tool that reveals structure and scale at the same time. Every visualization is built with Apache ECharts: an interactive chart with drill-down and tooltips on real traffic data for devitpro.uz — Requests (Cloudflare) from September 1 to October 1, 2026 (64.87k requests, 2.3k unique visitors, 60 countries worldwide) and Edge Requests (Vercel) from June 28 to September 1, 2026 (51,785 requests across 19 regions). Built with ECharts and GSAP.
3D Visualization & Hierarchical Data
Charts: Tree Map (Treemap) — Reading Hierarchies Through Nested Rectangles in IT and AI
My personal experience exploring the Tree Map (Treemap) chart in the world of IT and AI: how hierarchy turns into nested rectangles, where the area of each shape is proportional to its value and the nesting reveals levels — from services and endpoints to the layers of an ML model. I break down how to read proportions and outliers, why drill-down, breadcrumbs and color-coding of an additional metric matter, and why Treemap is not "just squares" but a tool that reveals structure and scale at the same time. Hands-on practice is built with Apache ECharts: an interactive chart with zoom, node navigation and real traffic data for devitpro.uz — Requests (Cloudflare) from September 1 to October 1, 2026 (64.87k requests) and Edge Requests (Vercel) from June 28 to September 1, 2026 (51,785 requests). Built with ECharts and GSAP.
3D Visualization & Radar Charts
Charts: Radar, Radar with Markers, Filled Radar — A Breakdown of Radar Charts in IT and AI Using Cloudflare Requests and Vercel Edge Requests for devitpro.uz
My personal experience exploring four key types of radar (spider) charts in the world of IT and AI: the basic radar, radar with markers, filled radar and a combined view. I break down how multiple dimensions turn into a closed profile, how the shape of a profile reveals balance or skew across metrics, why markers on the axes are essential for reading exact values and why filling the area helps you see overlap between several profiles. Every visualization is built on real data from two sources: Requests (Cloudflare) for devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, 60 countries worldwide — and Edge Requests (Vercel) for devitpro.uz covering June 28 to September 1, 2026 — 51,785 requests across 19 regional nodes worldwide. Built with ECharts and GSAP.
3D Visualization & Surface Charts
Charts: Surface, 3D Surface, Plotless 3D Surface, Contour & Plotless Contour — A Breakdown of Surface Charts in IT and AI
My personal experience exploring five key types of surface charts in the world of IT and AI: surface, 3D surface, plotless 3D surface, contour and plotless contour. I break down how two independent dimensions (X and Y) and one dependent dimension (Z) turn into a three-dimensional landscape, how color accelerates value perception through visualMap, why a monochrome surface matters, and why a contour chart is not a "simplified 3D" but an independent tool for analyzing the topology of functions. Every visualization is built with ECharts GL: interactive 3D surfaces with rotation and zoom, color encoding via visualMap and contour isolines projected onto a plane. Built with ECharts, ECharts-GL and GSAP.
3D Visualization & Stock Charts
Charts: Stock — High / Low / Close, Open / High / Low / Close, Volume and the Full OHLC Set — A Breakdown of Stock Charts in IT and AI
My personal experience exploring four key types of stock charts in the world of IT and AI: stock (high, low, close), stock (open, high, low, close), stock (volume, high, low, close) and stock (volume, open, high, low, close). I break down how four points — open, high, low, and close — turn into a story of movement, how volume changes the perception of a chart, and why choosing the right chart type is the very essence of visualization mastery. Every visualization is built with ECharts: interactive candlesticks, combined "price + volume" panels. Built with ECharts and GSAP.
3D Visualization & Vercel + Cloudflare
Charts, Maps & Cartograms: A Breakdown Using Requests (Cloudflare) and Edge Requests (Vercel) for devitpro.uz
My personal experience exploring three big classes of data visualization in the world of IT and AI: charts, maps and cartograms. I break down charts (bar, donut, line), maps (scatter map, heatmap), and cartograms (choropleth, bubble map) — how to choose the right type for the task and why one visualization can tell a story that a table of numbers never will. Every visualization is built on real data from two sources: Requests (Cloudflare) for devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, 60 countries worldwide — and Edge Requests (Vercel) for devitpro.uz covering June 28 to September 1, 2026 — 51,785 requests across 19 regional nodes worldwide. Built with ECharts and GSAP.
3D Visualization & Vercel + Cloudflare
Charts: Scatter, Scatter with Smooth Lines and Markers, Scatter with Smooth Lines, Scatter with Straight Lines and Markers, Scatter with Straight Lines, Bubble & 3D Bubble — A Breakdown Using Edge Requests (Vercel) and Requests (Cloudflare) for devitpro.uz
My personal experience exploring seven types of scatter and bubble charts in the world of IT and AI: scatter, scatter with smooth lines and markers, scatter with smooth lines, scatter with straight lines and markers, scatter with straight lines, bubble, and 3D bubble. Every visualization is built on real data from two sources: Edge Requests (Vercel) for devitpro.uz covering June 28 to September 1, 2026 — 51,785 requests across 19 regional nodes worldwide — and Requests (Cloudflare) for devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, 60 countries worldwide. Built with ECharts, ECharts-GL and GSAP.
3D Visualization & Vercel + Cloudflare
Charts: Area, Stacked Area, 100% Stacked Area, 3D Area, 3D Stacked Area & 3D 100% Stacked Area — A Breakdown Using Edge Requests (Vercel) and Requests (Cloudflare) for devitpro.uz
My personal experience exploring six types of area charts in the world of IT and AI: area, stacked area, 100% stacked area, 3D area, 3D stacked area, and 3D 100% stacked area. Every visualization is built on real data from two sources: Edge Requests (Vercel) for devitpro.uz covering June 28 to September 1, 2026 — 51,785 requests across 19 regional nodes worldwide — and Requests (Cloudflare) for devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, 60 countries worldwide. Built with ECharts, ECharts-GL and GSAP.
3D Visualization & Vercel + Cloudflare
Charts: Grouped Bar, Stacked Bar, 100% Stacked Bar, 3D Grouped Bar, 3D Stacked Bar & 3D 100% Stacked Bar — A Breakdown Using Edge Requests (Vercel) and Requests (Cloudflare) for devitpro.uz
My personal experience exploring six types of bar charts in the world of IT and AI: grouped bar, stacked bar, 100% stacked bar, 3D grouped bar, 3D stacked bar, and 3D 100% stacked bar. Every visualization is built on real data from two sources: Edge Requests (Vercel) for devitpro.uz covering June 28 to September 1, 2026 — 51,785 requests across 19 regional nodes worldwide — and Requests (Cloudflare) for devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, 60 countries worldwide. Built with ECharts, ECharts-GL and GSAP.
3D Visualization & Vercel + Cloudflare
3D Charts, Diagram, Pie Chart, Volumetric Pie Chart, Secondary Pie Chart, Secondary Bar Chart & Doughnut Chart: A Breakdown Using Edge Requests (Vercel) and Requests (Cloudflare) for devitpro.uz
My personal experience exploring seven types of data visualization in the world of IT and AI: 3D charts, diagram, pie chart, volumetric pie chart, secondary pie chart, secondary bar chart, and doughnut chart. Every visualization is built on real data from two sources: Edge Requests (Vercel) for devitpro.uz covering June 28 to September 1, 2026 — 51,785 requests across 19 regional nodes worldwide — and Requests (Cloudflare) for devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, 60 countries worldwide. Built with ECharts, ECharts-GL and GSAP.
3D Visualization & Cloudflare
3D Charts, Diagram, Stacked Chart, Marker Chart & Volumetric Chart: A Breakdown Using Requests (Cloudflare) for devitpro.uz
My personal experience exploring nine types of 3D data visualization in the world of IT and AI: 3D charts, diagram, line chart, stacked chart, normalized stacked chart, marker chart, marker and stacked chart, normalized marker and stacked chart, and volumetric chart. Every visualization is built on real Requests (Cloudflare) data from devitpro.uz covering September 1 to October 1, 2026 — 64.87k total requests, 2.3k unique visitors, 29.88k Cloudflare requests, and 60 countries worldwide. Built with ECharts, ECharts-GL and GSAP.
3D Visualization & ECharts
3D Charts, Diagrams & Histograms: A Breakdown Using Vercel Edge Requests for devitpro.uz
My personal experience exploring eight types of 3D data visualization: 3D charts, volumetric pie diagrams, grouped and stacked histograms, normalized and volumetric variants. Every chart is built on real Edge Requests data from devitpro.uz covering June 28 to September 1, 2026 — 19 regions worldwide, 46,607 requests. Built with ECharts, ECharts-GL and GSAP.
3D Showcase & Three.js
iPhone 16 Pro in 3D: Breaking Down the Three.js Demo by Peter Csipkay
An immersive 3D demo of the iPhone 16 Pro with full rotation, zoom, and detail inspection. Explore how Three.js powers this interactive experience, learn how to embed it on your site, and understand why 3D showcases are becoming the new standard for web product displays.
Animation & JavaScript
What is GSAP: A Powerful Web Animation Library and 5 Projects from Showcase
Introduction to GSAP — a professional library for creating smooth, high-performance animations in the browser. Explore its capabilities and discover 5 impressive projects from the official gallery: Michael Gatt, Graffico Office, Harsh' Portfolio, HOLM, and bleibtgleich'26.
3D Showcase & WebGL
What is Three.js Websites Showcase — Best Projects
A curated collection of the most impressive Three.js websites: from logistics platforms to creative portfolios. United Carriers, Ricardo Chance, Framemode and 16 more projects with full tech breakdown.
Web Design Awards & Three.js
Web Design Awards: What the Jury Scores & Favorite Projects
Breaking down the 7 judging criteria of the Web Design Awards, sharing favorite top 5 Three.js projects, and key takeaways for web developers.
3D Typography & Babylon.js
Signed Distance Field Text — Next‑Gen 3D Typography in Babylon.js
Deep dive into SDF technology for rendering crisp, scalable text in 3D scenes. Live Playground example, shader insights, and practical tips for integrating SDF text into your projects.
3D Engine & WebGPU
What is BABYLON.JS — A Powerful 3D Engine for the Browser
Introduction to Babylon.js — an open-source 3D engine. Explore its capabilities, view a live 3D Lamborghini Countach model.
3D Materials & WebGL
Ferrari 458 Italia in 3D: Materials, Lighting & Real-Time Color Control with three.js
Deep dive into the official three.js Ferrari 458 Italia example. Learn how MeshPhysicalMaterial, HDR environments, DRACO compression, and real-time color control work in WebGL.
3D Visualization
Day and Night Earth Globe: How to Integrate a 3D Globe into Your Project
Build a realistic 3D Earth globe with dynamic day and night cycle using Three.js. Earth textures, atmosphere, rotation, and lighting — a complete guide to integrating a 3D globe into your project.