SVG Line Chart Trendline

Published at 15 Jun 2026

Description
Explains what the challenge is about and what you need to build.

Line charts show trends over time. In this challenge, you will build an SVG Line Chart Trendline using polyline elements to connect data points.

Create an SVG with a polyline that maps data values to coordinates, with dot markers at each data point.

index.html

style.css

script.js

Loading Monaco Workspace...

Live Preview Browser

Tests & Console Output

Click to expand

Test Assertion	Status	Details/Errors
Required DOM Elements exist (#svg-trend-polyline, .chart-dot-marker)	Pending	Pending execution
Component layout compiles and renders successfully with custom CSS styles	Pending	Pending execution