Skip to content

Instantly share code, notes, and snippets.

View vkuchinov's full-sized avatar

Vladimir V. Kuchinov vkuchinov

16 followers · 61 following
View GitHub Profile
@vkuchinov
vkuchinov / README.md
Last active January 29, 2018 12:05
D3.JS Step Progress Bar

Step Progress Bar based on data with animated transitions. setInterval is just for demonstration, use updateProgressBar(element) instead.

@vkuchinov
vkuchinov / README.md
Last active January 29, 2018 12:11
D3.JS InputBox [form]

InputBox object based on deeply tweaked SVG button by pbogden. Has minor warning "orm submission canceled because the form is not connected", so if anyone has any suggestion how to fix it — you're more than welcome.

Just leave your comments here.

@vkuchinov
vkuchinov / .block
Last active February 12, 2018 16:01
D3.JS Split Chords With Multiplier
border: no
height: 960
@vkuchinov
vkuchinov / .block
Last active February 12, 2018 16:02
D3.JS Split Chords
border: no
height: 960
@vkuchinov
vkuchinov / README.md
Last active April 30, 2018 11:06
D3.JS Liquid Shapes (external SVG)
@vkuchinov
vkuchinov / README.md
Last active July 25, 2018 11:38
D3.JS Multi-Levelled [Zoomable] Wordcloud
@vkuchinov
vkuchinov / index.html
Last active June 15, 2019 20:51
D3.JS UI Player Controls
<!DOCTYPE html>
<html>
<head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="d3.js,javascript">
<title>D3.JS Player with Iterator</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
@vkuchinov
vkuchinov / README.md
Last active July 3, 2019 09:12
D3.JS Weekly Ticket Stacks Chart

TODO LIST:

[x] dynamic gradients for pseudo-3D aesthetics [x] mockup tooltip, for now, containing only value. Eventually, could be extended with additional data.

[x] top left and right grids should match values [!] isometric view doesn't work well while back stack visually merge with front ones, so it makes the whole graph illegible. Have to be perspective view. To do this

@vkuchinov
vkuchinov / README.md
Last active July 5, 2019 07:13
D3.JS Weekly Ticket Stacks Chart based on two points perspective built with Ф golden ratio

WEEKLY TICKET STACKS Ф [based on two points prespective built with Ф golden ratio]

with UI interface for setting stack height ratio and radius.

golden ratio two point prespective

zl: { x: -11,070, y: 11,993 }
zm: { x: 0.0, y: 14.392 }
zr: { x: 12.749, y: 12.466 }

@vkuchinov
vkuchinov / app.js
Last active July 12, 2019 12:42
D3.JS Bubble Stacks Mockup
/*
WEEKLY TICKET STACKS Ф
[based on two points prespective built with Ф golden ratio]
zl: { x: -11,070, y: 11,993 }
zm: { x: 0.0, y: 14.392 }
zr: { x: 12.749, y: 12.466 }
tp: { x: 0.0, y: 0.0 }