Codrops 원본
Custom SVG Cursors with an Interactive Emitter Effect
포인터 · MIT
갤러리 안에서는 화면을 벗어나거나 움직임을 멈추면 예제도 닫힙니다. 다시 재생할 때는 처음부터 시작해요.
SOURCE FILES
원본 코드 읽기
수집한 원본 소스와 실행 안내를 함께 제공합니다.
src/index.js
"use strict"
import { swupTransitions } from './scripts/swup'
import { utils, getIndexPage } from './scripts/utils';
import { Cursor1 } from './scripts/cursors/cursor1';
import { Cursor2 } from './scripts/cursors/cursor2';
import { Cursor3 } from './scripts/cursors/cursor3';
import { Cursor4 } from './scripts/cursors/cursor4';
export const setCursor = () => {
const index = getIndexPage();
switch (index) {
case 1:
new Cursor1(index);
break;
case 2:
new Cursor2(index);
break;
case 3:
new Cursor3(index);
break;
case 4:
new Cursor4(index);
break;
default:
}
}
window.addEventListener('load', async () => {
await utils();
swupTransitions();
});
함께 쓰는 파일 17개 보기
src/scripts/cursors/cursor1.js
import { isTouchDevices } from "./../utils";
import { Cursors } from "./../cursors";
export class Cursor1 extends Cursors {
constructor(index) {
super(index);
this.speed = !isTouchDevices ? 0.5 : 1;
this.init();
this.loop();
}
setParamsCursor() {
this.radiusCursor = 15;
this.fillCursor = getComputedStyle(document.body).getPropertyValue(
"--primary",
);
this.maxSqueeze = 0.6;
this.accelerator = 1000;
}
setParamsParticles() {
this.strokeGradient = {
idStrokeGradient: "gradient",
color2: getComputedStyle(document.body).getPropertyValue("--primary"),
color1: getComputedStyle(document.body).getPropertyValue("--secondary"),
};
this.strokeWidthParticles = 1.5;
this.strokeOpacityParticles = 0.2;
this.radiusDiff = 7;
this.radiusStart = this.radiusCursor * 3;
this.nbrParticles = 120;
this.transitionParticles = {
duration: 18,
delay: !isTouchDevices ? 4 : 14,
easing: "linear",
};
}
}
src/scripts/cursors/cursor2.js
import { Cursors } from "./../cursors";
import { isTouchDevices } from "./../utils";
export class Cursor2 extends Cursors {
constructor(index) {
super(index);
this.speed = !isTouchDevices ? 0.5 : 1;
this.delta = !isTouchDevices ? 0.04 : 0.04;
this.cursor = true;
this.tinyCursor = false;
this.init();
this.loop();
}
setParamsParticles() {
this.nbrParticles = !isTouchDevices ? 300 : 300;
this.radiusStart = this.diagonalWindow() / 9;
this.radiusDiff = 0;
this.sorting = "desc";
this.idGradient = "gradient";
this.fillParticles = `url('#${this.idGradient}')`;
this.gradientParticles = {
color1: getComputedStyle(document.body).getPropertyValue("--secondary"),
color2: getComputedStyle(document.body).getPropertyValue("--primary"),
};
}
drawGradient() {
return `<defs>
<linearGradient id=${this.idGradient}>
<stop offset="0%" stop-color="${this.gradientParticles.color1}" />
<stop offset="100%" stop-color="${this.gradientParticles.color2}" />
</linearGradient>
</defs>`;
}
}
src/scripts/cursors/cursor3.js
import { isTouchDevices } from "./../utils";
import { Cursors } from "./../cursors";
export class Cursor3 extends Cursors {
constructor(index) {
super(index);
this.speed = !isTouchDevices ? 0.1 : 1;
this.init();
this.loop();
}
setParamsCursor() {
this.radiusCursorBack = 32;
this.radiusCursor = 16;
this.strokeColorCursorBack = getComputedStyle(
document.body,
).getPropertyValue("--primary");
this.fillCursor = getComputedStyle(document.body).getPropertyValue(
"--primary",
);
this.maxSqueeze = 0.1;
this.accelerator = 1000;
}
setParamsParticles() {
this.strokeGradient = {
idStrokeGradient: "gradient",
color2: getComputedStyle(document.body).getPropertyValue("--primary"),
color1: getComputedStyle(document.body).getPropertyValue("--secondary"),
};
this.radiusDiff = 1;
this.strokeWidthParticles = 1;
this.strokeOpacityParticles = 0.2;
this.nbrParticles = !isTouchDevices ? 50 : 60;
this.directionRadius = ">";
this.radiusStart = this.diagonalWindow() / 3;
this.sorting = "desc";
this.transitionParticles = {
duration: !isTouchDevices ? 20 : 100,
delay: !isTouchDevices ? 1 : 4,
easing: "linear",
};
}
}
src/scripts/cursors/cursor4.js
import { Cursors } from "./../cursors";
import { isTouchDevices, isSafari } from "./../utils";
export class Cursor4 extends Cursors{
constructor(index) {
super(index);
this.speed = !isTouchDevices ? !isSafari ? 0.4 : 0.9 : 1;
this.delta = !isTouchDevices ? !isSafari ? 0.15 : 0.05 : 0.2;
this.videoUrlDesktop = new URL('../../video/space_desktop.mp4', import.meta.url );
this.videoUrlMobile = new URL('../../video/space_mobile.mp4',import.meta.url);
this.posterVideo = new URL('../../images/cover.jpg?as=webp&width=1920',import.meta.url);
this.init();
this.loop();
}
setParamsCursor() {
this.radiusCursorBack = 32;
this.radiusCursor = 16;
this.strokeColorCursorBack = getComputedStyle(document.body).getPropertyValue('--white')
this.fillCursor = getComputedStyle(document.body).getPropertyValue('--white');
this.maxSqueeze = 0.1;
this.accelerator = 1000;
}
setParamsParticles() {
this.nbrParticles = !isTouchDevices ? !isSafari ? 120 : 15 : 40;
this.radiusStart = this.diagonalWindow()/9;
this.radiusDiff = 0.2;
this.directionRadius = ">";
this.filterBackId = "filter-image-back";
this.filterCursorId = "filter-image-cursor";
this.particlesMaskId = "mask-particles";
this.idMask = "maskGradient";
this.fillParticles = `url('#${this.idMask}')`;
this.idCursorFilter = "filter-cursor";
this.filterParticles = `url('#${this.idCursorFilter}')`;
this.opacityGrayScale = 0.075;
this.maskCursor = {
videoDesktop : this.videoUrlDesktop.href,
videoMobile : this.videoUrlMobile.href
};
}
drawMaskCursor() {
return `
<defs>
<radialGradient id="${this.idMask}">
<stop offset="0%" stop-color="#fff"/>
<stop offset="100%" stop-color="#fff"/>
</radialGradient>
<mask id=${this.particlesMaskId}>${this.drawParticles()}</mask>
${this.filterImageCursor()}
${this.filterImageBack()}
${this.filterCursor()}
</defs>
${this.drawVideoOrImage()}`
}
drawVideoOrImage() {
if (!isSafari) {
return `
<foreignObject x="0" y="0" width="100%" height="100%" filter=url(#${this.filterBackId}) style="opacity:${this.opacityGrayScale}">${this.insertVideo()}</foreignObject>
<g id="maskReveal" mask="url(#${this.particlesMaskId})">
<foreignObject x="0" y="0" width="100%" height="100%" filter=url(#${this.filterCursorId})>${this.insertVideo()}</foreignObject>
</g>`
} else {
return `
<image x="0" y="0" height="100%" width="100%" filter=url(#${this.filterBackId}) style="opacity:${this.opacityGrayScale}" xlink:href=${this.posterVideo.href} preserveAspectRatio="xMidYMid slice" />
<g id="maskReveal" mask="url(#${this.particlesMaskId})">
<image x="0" y="0" height="100%" width="100%" filter=url(#${this.filterCursorId}) xlink:href=${this.posterVideo.href} preserveAspectRatio="xMidYMid slice" />
</g>`
}
}
insertVideo() {
return `
<video width="100%" height="100%" controls="false" autoplay loop="true" muted crossorigin=anonymous poster=${this.posterVideo.href}>
<source src="${!isTouchDevices ? this.maskCursor.videoDesktop : this.maskCursor.videoMobile}" type="video/mp4" />
</video>`
}
filterCursor() {
return `<filter id="${this.idCursorFilter}"><feGaussianBlur in="SourceGraphic" stdDeviation="0" /></filter>`
}
filterImageBack() {
return `
<filter id=${this.filterBackId}>
<feColorMatrix type="matrix" values=".33 .33 .33 0 0
.33 .33 .33 0 0
.33 .33 .33 0 0
0 0 0 1 0">
</feColorMatrix>
</filter>`
}
filterImageCursor() {
return `
<filter id=${this.filterCursorId} filterUnits="objectBoundingBox" primitiveUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feColorMatrix type="matrix" values=".44 .44 .44 0 0
.44 .44 .44 0 0
.44 .44 .44 0 0
0 0 0 1 0">
</feColorMatrix>
<feComponentTransfer color-interpolation-filters="sRGB" result="duotone">
<feFuncR type="table" tableValues="0.55 0.25"></feFuncR>
<feFuncG type="table" tableValues="0.06 1"></feFuncG>
<feFuncB type="table" tableValues="0.93 0.91"></feFuncB>
<feFuncA type="table" tableValues="0 1"></feFuncA>
</feComponentTransfer>
</filter>`
}
}
src/scripts/cursors.js
import * as d3 from "d3";
import { isTouchDevices } from "./utils";
export class Cursors{
constructor(index) {
this.container = document.querySelector(`#cursor-${index}`);
this.links = document.querySelectorAll(`nav[role="navigation"] a`);
this.link = this.links[index-1];
this.boundsLinks = this.link.getBoundingClientRect();
this.xStart = this.boundsLinks.left + this.boundsLinks.width/2;
this.yStart = this.boundsLinks.top + this.boundsLinks.height/2;
this.mouse = { x: this.xStart,y: this.yStart };
this.pos = { x: this.xStart, y: this.yStart };
this.diff = { x: null,y: null };
this.tinyCursor = true;
this.transitionParticles = false;
this.cursor = false;
this.activeLinks();
this.mousemoveCursor();
window.addEventListener('resize',(e) => this.init());
}
mousemoveCursor() {
window.addEventListener(isTouchDevices ? 'touchmove' : 'mousemove',(e) => {
this.updateCoordinates(e);
},{ passive : true });
}
updateCoordinates(e) {
if (e.type.match('touch')) {
this.mouse.x = e.touches[0].clientX;
this.mouse.y = e.touches[0].clientY;
}
else {
this.mouse.x = e.clientX;
this.mouse.y = e.clientY;
}
}
setParamsDiffs(){
this.diff.x = this.mouse.x - this.pos.x;
this.diff.y = this.mouse.y - this.pos.y;
this.pos.x += this.diff.x * this.speed;
this.pos.y += this.diff.y * this.speed;
}
init() {
this.tinyCursor ? this.setParamsCursor() : null;
this.setParamsParticles();
this.drawCursor();
}
loop() {
this.setParamsDiffs();
this.tinyCursor ? this.setTinyCursor() : null;
this.setParticles();
requestAnimationFrame( () => this.loop() );
}
drawCursor() {
this.widthContainer = window.innerWidth;
this.heightContainer = window.innerHeight;
this.container.innerHTML =
`<svg
width="${this.widthContainer}"
height="${this.heightContainer}"
viewbox="0 0 ${this.widthContainer} ${this.heightContainer}"
preserveAspectRatio="${this.preserveAspectRatio || "none"}"
style="background:${this.backColor || "none"}; cursor:${this.cursor ? "default" : "none"};">
${this.gradientParticles ? this.drawGradient() : ''}
${this.maskCursor ? this.drawMaskCursor() : this.drawParticles()}
${this.drawTinyCursor()}
</svg>`;
this.svg = this.container.querySelector('svg');
this.tinyCursor ? this.nodeCursors = this.container.querySelectorAll('.tiny-cursor circle') : null;
this.particles = Array.from(this.container.querySelectorAll('.particles circle'));
this.sorting === "desc" ? this.sortParticles() : null;
this.points = Array(this.nbrParticles).fill().map((el,i) => {
return {
node: this.particles[i],
x: this.pos.x,
y: this.pos.y,
}
});
}
drawTinyCursor() {
return `${this.tinyCursor ?
`<g class="tiny-cursor">
<circle
r=${this.radiusCursorBack || 10}
cx=${this.pos.x}
cy=${this.pos.y}
fill="${this.fillCursorBack || "none"}"
fill-opacity="${this.fillOpacityCursorBack || 1}"
stroke="${this.strokeColorCursorBack || "none"}"
stroke-width="${this.strokeWidthCursorBack || 1}"
stroke-opacity="${this.strokeOpacityCursorBack || 1}"
style="transform-origin: ${this.pos.x}px ${this.pos.y}px">
</circle>
<circle
r=${this.radiusCursor || 10}
cx=${this.pos.x}
cy=${this.pos.y}
fill="${this.fillCursor || "white"}"
fill-opacity="${this.fillOpacityCursor || 1}"
stroke="${this.strokeColorCursor || "none"}"
stroke-width="${this.strokeWidthCursor || 0}"
stroke-opacity="${this.strokeOpacityCursor || 1}"
style="transform-origin: ${this.pos.x}px ${this.pos.y}px">
</circle>
</g>` : ''}`
}
setTinyCursor() {
this.rotate = `rotate(${ Math.atan2(this.diff.y, this.diff.x) * 180 / Math.PI }deg)`;
this.squeeze = Math.min(Math.sqrt(Math.pow(this.diff.x, 2) + Math.pow(this.diff.y, 2)) / this.accelerator, this.maxSqueeze);
this.scale = `scale(${1 + this.squeeze},${1 - this.squeeze})`;
for (const [i,tinyCursor] of this.nodeCursors.entries()) {
tinyCursor.setAttribute('cx', this.pos.x)
tinyCursor.setAttribute('cy',this.pos.y)
tinyCursor.style.transformOrigin = `${this.pos.x}px ${this.pos.y}px`;
tinyCursor.style.transform = this.rotate + this.scale;
}
}
drawParticles() {
return `<g class="particles" filter=${this.filterParticles || "none"}>
${(() => {
if (this.strokeGradient) {
return `
<defs>
<linearGradient id=${this.strokeGradient.idStrokeGradient} x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color=${this.strokeGradient.color1} />
<stop offset="100%" stop-color=${this.strokeGradient.color2} />
</linearGradient>
</defs>`
}
})()}
${Array(this.nbrParticles).fill().map((_,i) =>
`<circle
r="${this.setRadiusParticles(i)}"
cx=${this.pos.x} cy=${this.pos.y}
fill="${this.fillParticles || "none"}"
fill-opacity="${this.fillOpacityParticles || 1}"
stroke="${this.strokeGradient ? `url(#${this.strokeGradient.idStrokeGradient})` : this.strokeColorParticles}"
stroke-width="${this.strokeWidthParticles || 0}"
stroke-opacity="${this.strokeOpacityParticles || 1}"
id="${i}">
</circle>`).join('')}
</g>`
}
setParticles() {
if (this.transitionParticles) {
for (const [i,particle] of this.particles.entries()) {
particle.setAttribute('cx',this.pos.x )
particle.setAttribute('cy',this.pos.y);
particle.style.transitionProperty = "cx,cy"
particle.style.transitionDuration = `${this.transitionParticles.duration+i*this.transitionParticles.delay}ms `;
particle.style.transitionTimingFunction = this.transitionParticles.easing;
}
}
else {
this.posTrail = { x: this.pos.x, y : this.pos.y }
for (const [i,point] of this.points.entries()) {
this.nextParticle = this.points[i + 1] || this.points[0];
point.x = this.posTrail.x;
point.y = this.posTrail.y;
point.node.setAttribute('cx',this.posTrail.x )
point.node.setAttribute('cy',this.posTrail.y);
this.posTrail.x += (this.nextParticle.x - point.x) * (this.delta || 0.9);
this.posTrail.y += (this.nextParticle.y - point.y) * (this.delta || 0.9);
}
}
}
sortParticles(){
this.particlesD3 = d3.selectAll(this.particles);
this.particlesD3.data(this.particlesD3._groups[0].map((particle) => { return Number(particle.id) }));
this.particlesD3.sort(d3.descending);
}
setRadiusParticles(i) {
this.radius = null;
if(this.directionRadius === ">"){
this.radius = this.radiusStart-(i*this.radiusDiff);}
else{
this.radius = this.radiusStart+(i*this.radiusDiff);}
this.radius > 0 ? this.radius = this.radius : this.radius = 0;
return this.radius;
}
diagonalWindow() {
this.width = window.innerWidth;
this.height = window.innerHeight;
return Math.ceil(Math.sqrt(this.width*this.width + this.height*this.height));
}
activeLinks() {
this.activeClass = 'active';
for (const link of this.links) { link.classList.remove(this.activeClass) };
this.link.classList.add(this.activeClass);
}
}
src/scripts/swup.js
import Swup from 'swup';
import SwupFadeTheme from '@swup/fade-theme';
import { setCursor } from './../index';
function FontsLoaded() {
document.fonts.ready.then(() => {
document.querySelector('header[role=banner]').classList.add('font-loaded');
});
}
function removeControlsVideo() {
const videos = document.querySelectorAll('video');
if (videos.length > 0) {
for (const video of videos) {
video.removeAttribute('controls');
}
}
}
export function swupTransitions() {
const swup = new Swup({
linkSelector : `a[href^="/index"], a[href^="index"]`,
plugins: [new SwupFadeTheme()]
});
const initPage = () => {
setCursor();
FontsLoaded();
removeControlsVideo();
}
initPage();
swup.on('contentReplaced',() => {
initPage();
});
}
src/scripts/utils.js
const { detect } = require('detect-browser');
const browser = detect();
export const isTouchDevices = browser.os === "Android OS" || browser.os === "iOS";
export const isSafari = browser.name === "safari";
export const getIndexPage = () => {
const pathNameMatch = window.location.pathname.match(/\d/);
return pathNameMatch !== null ? Number(pathNameMatch[0]) : 1;
}
const vhDevices = () => {
let vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty('--vh', `${vh}px`);
}
export function utils() {
return new Promise(resolve => {
setTimeout(() => {
resolve();
vhDevices();
window.addEventListener('resize', () => { vhDevices(); });
}, 10);
});
}
src/styles/_styles.scss
@font-face {
font-family: 'monument_extendedblack';
src: url('./fonts/monumentextended-black-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'monument_extendedbold';
src: url('./fonts/monumentextended-bold-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'monument_extendedregular';
src: url('./fonts/monumentextended-regular-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'monument_extendedultralight';
src: url('./fonts/monumentextended-ultralight-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* VARS */
:root{
--dark : #181825;
--white : #ffffff;
--primary : #3EFFE8;
--secondary : #8C0FEE;
/* FONT */
font-size: 62.5%;
--font-size-global : 1.26rem;
--line-height-global : 1.3;
--letter-spacing-global : 0.1rem;
--font-family : "monument_extendedbold", "Helvetica", "Arial", sans-serif;
/* */
--padding-global : clamp(0rem, 5vw, 2.5rem);
--length-logo: 4.8rem;
}
/* */
/* RESET */
/* */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body{
overflow: hidden;
}
body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: var(--font-size-global);
font-family: var(--font-family);
color: var(--color-secondary);
background-color: var(--dark);
color : var(--white);
}
li{
list-style: none;
}
a{
text-decoration: none;
color : var(--white);
}
video{
object-fit: cover;
}
/* */
/* TITLE */
/* */
h1{
font-size:clamp(5.3rem, 10.6vw, 13rem);
line-height: 0.77;
font-family: 'monument_extendedblack';
text-transform: uppercase;
justify-self: flex-start;
min-width: 50%;
}
/* */
/* HEADER */
/* */
header{
display: flex;
flex-flow: row wrap;
align-items: center;
position: fixed;
top: 0;
left: 0;
padding: var(--padding-global);
width: 100%;
align-items: flex-end;
gap : 3.5vw 7vw;
opacity: 0;
&.font-loaded{
opacity: 1;
}
/* */
/* GIT */
/* */
& > ul{
font-family: 'monument_extendedregular';
text-transform: uppercase;
font-size: var(--font-size-global);
line-height: var(--line-height-global);
letter-spacing: var(--letter-spacing-global);
a{
transition: opacity 200ms ease;
&:hover{
opacity: .75;
}
}
}
}
/* */
/* NAV */
/* */
nav[role=navigation]{
ul{
display: flex;
flex-direction: column;
gap: 0.3rem;
}
li{
line-height: var(--line-height-global);
}
a{
position: relative;
&::before{
$size-bullet : 8px;
content: "";
display: block;
position: absolute;
right: calc(100% + #{$size-bullet});
top: 50%;
width: $size-bullet;
height: $size-bullet;
border-radius: $size-bullet;
margin-top: -(calc($size-bullet / 2));
background-color: var(--white);
opacity: 0;
transition: opacity 200ms ease;
}
&:hover{
&::before{
opacity: 0.5;
}
}
&.active{
&::before{
opacity: 1;
}
}
}
span{
text-transform: uppercase;
font-size: var(--font-size-global);
letter-spacing: var(--letter-spacing-global);
}
i{
text-transform: lowercase;
font-style: normal;
font-weight: 100;
font-family: 'monument_extendedultralight';
opacity: .85;
}
}
/* */
/* LOGO */
/* */
#logo{
flex : 1;
display: flex;
justify-content: flex-end;
padding-right: 4rem;
& > a{
display: block;
width: var(--length-logo);
height: var(--length-logo);
position: relative;
perspective: 1000px;
margin-bottom: 0.4rem;
&:hover{
span{
&:first-of-type{
transform: rotateY(360deg);
}
&:last-of-type{
transform: rotateY(-180deg);
}
}
}
span{
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition : transform 2s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
&:first-of-type{
path{
fill : var(--white);
}
}
&:last-of-type{
transform: rotateY(180deg);
path{
fill :var(--white);
opacity: .7;
}
}
}
}
}
/* */
/* APP */
/* */
main[role=main]{
height: calc(var(--vh, 1vh) * 100);
display: flex;
align-items: center;
justify-content: center;
}
.cursor-container{
width: 100vw;
height: calc(var(--vh, 1vh) * 100);
g{
transform-origin: center center;
}
}
@media screen and (max-width: 1024px){
header[role=banner]{
flex-direction: column;
align-items: flex-start;
height: 100%;
}
h1, #logo{
flex: unset;
line-height: 1;
}
nav{
flex: 1;
margin-left: var(--padding-global);
}
}
Original author attribution실행 안내·자료
Custom SVG Cursors with an Interactive Emitter Effect
Original author: Marlène Bruhat
Published by Codrops. Copyright (c) 2026 Codrops.
License: MIT, pursuant to the publisher's downloadable-demo grant.
Keep CODROPS-MIT-2026.txt and the original project notices with copies.
Third-party media exceptions and credits are recorded separately in the source inventory.
Media credits and license evidence실행 안내·자료
README.md
## Credits
- Design from [Ghislain Auzillon](https://www.ghislainauzillon.com/)
- Images And Videos from [Pexels](https://www.pexels.com/fr-fr/collections/space-astronauts-mars-srn3hh1/)
## License
[MIT](LICENSE)
Made with :blue_heart: by [Codrops](http://www.codrops.com)
Bundled dependency licenses실행 안내·자료
delegate-it@3.0.1 — license
MIT License
Copyright (c) Federico Brigante <me@fregante.com> (https://fregante.com)
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
swup@2.0.19 — LICENSE
MIT License
Copyright (c) 2017 Georgy Marchuk
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
@swup/fade-theme@1.0.5 — LICENSE
MIT License
Copyright (c) 2017 Georgy Marchuk
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
detect-browser@5.3.0 — LICENSE
The MIT License (MIT)
Copyright (c) 2019 Damon Oehlman <damon.oehlman@gmail.com>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
d3-array@3.2.4 — LICENSE
Copyright 2010-2023 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
internmap@2.0.3 — LICENSE
Copyright 2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-axis@3.0.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-dispatch@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-selection@3.0.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-drag@3.0.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-color@3.1.0 — LICENSE
Copyright 2010-2022 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-interpolate@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-timer@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-transition@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-ease@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Copyright 2001 Robert Penner
All rights reserved.
Redistribution and use in source and binary forms, with or without modification,
are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
* Neither the name of the author nor the names of contributors may be used to
endorse or promote products derived from this software without specific prior
written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
d3-brush@3.0.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-chord@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-path@3.1.0 — LICENSE
Copyright 2015-2022 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-contour@4.0.2 — LICENSE
Copyright 2012-2023 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
robust-predicates@3.0.3 — LICENSE
This is free and unencumbered software released into the public domain.
Anyone is free to copy, modify, publish, use, compile, sell, or
distribute this software, either in source code form or as a compiled
binary, for any purpose, commercial or non-commercial, and by any
means.
In jurisdictions that recognize copyright laws, the author or authors
of this software dedicate any and all copyright interest in the
software to the public domain. We make this dedication for the benefit
of the public at large and to the detriment of our heirs and
successors. We intend this dedication to be an overt act of
relinquishment in perpetuity of all present and future rights to this
software under copyright law.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR
OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.
For more information, please refer to <http://unlicense.org>
delaunator@5.1.0 — LICENSE
ISC License
Copyright (c) 2026, Mapbox
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-delaunay@6.0.4 — LICENSE
Copyright 2018-2021 Observable, Inc.
Copyright 2021 Mapbox
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-dsv@3.0.1 — LICENSE
Copyright 2013-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-fetch@3.0.1 — LICENSE
Copyright 2016-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-force@3.0.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-quadtree@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-format@3.1.2 — LICENSE
Copyright 2010-2026 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-geo@3.1.1 — LICENSE
Copyright 2010-2024 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
This license applies to GeographicLib, versions 1.12 and later.
Copyright 2008-2012 Charles Karney
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
d3-hierarchy@3.1.2 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-polygon@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-random@3.0.1 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-scale@4.0.2 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-time@3.1.0 — LICENSE
Copyright 2010-2022 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-time-format@4.1.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-scale-chromatic@3.1.0 — LICENSE
Copyright 2010-2024 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
Apache-Style Software License for ColorBrewer software and ColorBrewer Color Schemes
Copyright 2002 Cynthia Brewer, Mark Harrower, and The Pennsylvania State University
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed
under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
CONDITIONS OF ANY KIND, either express or implied. See the License for the
specific language governing permissions and limitations under the License.
d3-shape@3.2.0 — LICENSE
Copyright 2010-2022 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3-zoom@3.0.0 — LICENSE
Copyright 2010-2021 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
d3@7.6.1 — LICENSE
Copyright 2010-2022 Mike Bostock
Permission to use, copy, modify, and/or distribute this software for any purpose
with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF
THIS SOFTWARE.
BEHIND THE EXAMPLE
이 장면을 만드는 원리
프레임마다 갱신하는 SVG 커서와 입자 꼬리
사용자 정지와 시스템 선호 변경을 구분하고 진행 중인 표현을 정리합니다.
- 이 예제에서는
- Cursors.loop는 포인터 차이를 보간하고 tiny cursor와 입자의 cx·cy를 갱신한 뒤 자신을 다시 예약합니다. 이 클래스는 RAF 식별자와 이벤트 제거용 destroy 경로를 보관하지 않습니다.
코드와 함께 확인하기
코드에서 찾기
loop()cursors.js계속되는 장식 루프의 종료 책임을 명시적으로 보완할 지점입니다.
직접 해보기
커서 효과를 끄고 페이지를 왕복하거나 움직임 선호를 실행 중 변경합니다.
살펴볼 변화기본 커서가 복구되고 제거된 SVG를 갱신하는 루프·리스너가 남지 않는지 확인해야 합니다.