dotty-doodle-draw / style.css
pyakhurel's picture
I will give you x and y coordinates and connect that. each coordinates must be in like 1 inch gap in graph. draw lines by connecting dots connect dots (0,0) to (4,4) (0,4) to (4,0) (0,2) to (2,0) (2,0) to (4,2) (4,2) to (2,4) (2,4) to (0,2) (0,0) to (4,0) (4,0) to (4,4) (4,4) to (0,4) (0,4) to (0,0)
8e3cd77 verified
raw
history blame contribute delete
569 Bytes
.graph-container {
width: 100%;
aspect-ratio: 1/1;
border: 2px solid #e5e7eb;
border-radius: 0.5rem;
background-color: #f9fafb;
overflow: hidden;
}
.dot {
fill: #4f46e5;
stroke: white;
stroke-width: 2;
transition: all 0.3s ease;
}
.line {
stroke: #4f46e5;
stroke-width: 2;
fill: none;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
}
.dot-label {
font-size: 12px;
fill: #6b7280;
text-anchor: middle;
font-weight: bold;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}