DEV Community: Vladyslav Kononov

Named Colors — Scientific Atlas (OKLCH Map)

Vladyslav Kononov — Sun, 08 Feb 2026 19:56:17 +0000

An interactive “color atlas” of CSS named colors. Positions are derived from OKLCH (perceptual) or HSL (classic). Pan/zoom like a map, search by name, and pin tooltips. Built with PixiJS + Color.js, using only named CSS colors for rendering.

FinTech Payment Funnel — VChart (Transform + Hover Details)

Vladyslav Kononov — Sun, 08 Feb 2026 19:54:58 +0000

Payment funnel visualization for a FinTech / fraud console. Built with VisActor VChart funnel chart using transform layers (auto conversion rate between steps). Clean “Revolut-like” UI with hover tooltip + side details panel and a “Randomize” button to simulate different traffic scenarios.

Transaction Stream — Canvas Feed: Pause/Resume + Speed

Vladyslav Kononov — Sun, 08 Feb 2026 19:52:47 +0000

Revolut-inspired fintech ops UI with a real-time transaction stream on Canvas. Includes pause/resume, speed control, keyboard shortcuts, and a compact event log. Built with requestAnimationFrame for smooth performance.

Fraud Risk Gauge — SVG Needle + GSAP

Vladyslav Kononov — Sun, 08 Feb 2026 19:51:25 +0000

Interactive fraud-risk gauge built with pure SVG + GSAP. Animated needle + arc fill, smooth transitions, and simple controls to simulate a live risk score (0–100). Part of Week 2 (FinTech / Fraud) series.

Neon Anomaly Terminal (D3) | Spike Chart + Threshold Slider

Vladyslav Kononov — Sun, 08 Feb 2026 19:47:41 +0000

Cyber-terminal styled anomaly spikes chart built with D3. Adjustable threshold slider, live streaming updates, tooltip spikes, and smooth rendering using debounce + requestAnimationFrame.

Blueprint Ops Board — Live KPIs + Skeleton UX (GSAP • D3 • Luxon • dat.GUI)

Vladyslav Kononov — Fri, 06 Feb 2026 18:30:38 +0000

A blueprint-style operations dashboard with live-updating KPIs, a D3 sparkline, Luxon timestamps, and an event/risk feed. Includes a “Skeleton ↔ Data” toggle where skeleton mode is text-only (no blank screens), plus a reload flow with animated KPI transitions. Built with GSAP for motion, D3 for SVG drawing, Luxon for time, and dat.GUI for quick tuning.

Revenue Mix Poster (D3) — Click-to-Filter

Vladyslav Kononov — Fri, 06 Feb 2026 01:00:24 +0000

Editorial poster-style data viz: D3 donut chart with click-to-filter chips and a live-updating merchant table. Designed as a single-focus hero visual rather than a dashboard template

Hybrid Radar Heatmatrix (Canvas) — Map + Keyboard Lab

Vladyslav Kononov — Fri, 06 Feb 2026 00:55:25 +0000

Full-screen canvas ‘data radar’ combining heatmap-as-a-map districts and keyboard-first navigation (WASD/Arrows, Enter pin, Space pause, R reseed). Built as a single-focus creative tech piece, not a dashboard template.