Skip to content

Instantly share code, notes, and snippets.

View biwac-nico's full-sized avatar

Nico Schenker biwac-nico

  • fndns
  • Zürich, Schweiz
View GitHub Profile
@biwac-nico
biwac-nico / index.html
Created November 9, 2021 00:16
SVG circle border animation
<svg height="200" width="200">
<circle class="circle" cx="100" cy="100" r="95" stroke="#231f20" stroke-width="10" fill-opacity="0" />
</svg>
<div class="logo"></div>
@biwac-nico
biwac-nico / index.html
Created November 9, 2021 00:15
Shape Morph Button
<button id="button">
<svg viewBox="0 0 194.6 185.1">
<polygon fill="#FFD41D" points="97.3,0 127.4,60.9 194.6,70.7 145.9,118.1 157.4,185.1 97.3,153.5 37.2,185.1 48.6,118.1 0,70.7
67.2,60.9">
<animate id="animation-to-check" begin="indefinite" fill="freeze" attributeName="points" dur="500ms" to="110,58.2 147.3,0 192.1,29 141.7,105.1 118.7,139.8 88.8,185.1 46.1,156.5 0,125 23.5,86.6
71.1,116.7"/>
@biwac-nico
biwac-nico / d3-js-force-directed-graph-with-randomly-colored-circles-as-nodes-and-accompanying-text-labels.markdown
Created November 8, 2021 01:02
d3.js force-directed graph with randomly-colored circles as nodes and accompanying text labels

d3.js force-directed graph with randomly-colored circles as nodes and accompanying text labels

A force-directed draggable graph with randomly-colored circles as nodes and accompanying text labels.

A Pen by Nico Schenker on CodePen.

License.