# Perspectives lab (Perspectives example) > WestCoast Charts 1.1.5, release, public Core release, on npm. HTML: https://westcoast-charts.com/gallery/perspectives/overview/ · Index for agents: https://westcoast-charts.com/llms.txt Save a view, switch between views, share it as a link. - Chart type: `area` (Area) - Collection: Perspectives · Perspectives - Raw configuration: https://westcoast-charts.com/gallery-src/perspectives/overview.js - Standalone example: https://westcoast-charts.com/embed/samples/wcc/features/perspectives.html ## Setup ```js import WestCoastCharts from 'west-coast-charts' import perspectives from 'west-coast-charts/features/perspectives' WestCoastCharts.use(perspectives) ``` ## Options ```js const options = { chart: { height: 360, type: "area", zoom: { enabled: true }, toolbar: { show: true } }, stroke: { curve: "smooth", width: 2 }, dataLabels: { enabled: false }, fill: { type: "gradient", gradient: { opacityFrom: 0.28, opacityTo: 0.02 } }, xaxis: { type: "datetime" }, series: [ { name: "Web", data: [ [1767225600000, 309], [1767312000000, 322], [1767398400000, 317], [1767484800000, 320], [1767571200000, 334], [1767657600000, 343], [1767744000000, 346], [1767830400000, 353], [1767916800000, 355], [1768003200000, 368], [1768089600000, 377], [1768176000000, 375], [1768262400000, 387], [1768348800000, 392], [1768435200000, 400], [1768521600000, 414], [1768608000000, 402], [1768694400000, 407], [1768780800000, 406], [1768867200000, 408], [1768953600000, 421], [1769040000000, 417], [1769126400000, 416], [1769212800000, 427], [1769299200000, 426], [1769385600000, 420], [1769472000000, 411], [1769558400000, 423], [1769644800000, 428], [1769731200000, 428], [1769817600000, 430], [1769904000000, 425], [1769990400000, 421], [1770076800000, 418], [1770163200000, 417], [1770249600000, 415], [1770336000000, 419], [1770422400000, 425], [1770508800000, 438], [1770595200000, 446], [1770681600000, 458], [1770768000000, 472], [1770854400000, 473], [1770940800000, 480], [1771027200000, 487], [1771113600000, 483], [1771200000000, 481], [1771286400000, 493], [1771372800000, 503], [1771459200000, 497], [1771545600000, 497], [1771632000000, 499], [1771718400000, 504], [1771804800000, 495], [1771891200000, 483], [1771977600000, 479], [1772064000000, 488], [1772150400000, 498], [1772236800000, 508], [1772323200000, 520], [1772409600000, 522], [1772496000000, 514], [1772582400000, 505], [1772668800000, 502], [1772755200000, 498], [1772841600000, 498], [1772928000000, 511], [1773014400000, 522], [1773100800000, 520], [1773187200000, 530], [1773273600000, 544], [1773360000000, 545], [1773446400000, 543], [1773532800000, 542], [1773619200000, 534], [1773705600000, 527], [1773792000000, 531], [1773878400000, 531], [1773964800000, 527], [1774051200000, 521], [1774137600000, 524], [1774224000000, 533], [1774310400000, 529], [1774396800000, 527], [1774483200000, 518], [1774569600000, 519], [1774656000000, 509], [1774742400000, 502], [1774828800000, 508], [1774915200000, 504], [1775001600000, 497], [1775088000000, 496], [1775174400000, 484], [1775260800000, 479], [1775347200000, 480], [1775433600000, 485], [1775520000000, 474], [1775606400000, 480], [1775692800000, 479], [1775779200000, 470], [1775865600000, 464], [1775952000000, 475], [1776038400000, 472], [1776124800000, 472], [1776211200000, 462], [1776297600000, 475], [1776384000000, 483], [1776470400000, 477], [1776556800000, 468], [1776643200000, 470], [1776729600000, 475], [1776816000000, 469], [1776902400000, 471], [1776988800000, 472], [1777075200000, 476], [1777161600000, 488], [1777248000000, 494], [1777334400000, 495], [1777420800000, 504], [1777507200000, 498] ] }, { name: "iOS", data: [ [1767225600000, 251], [1767312000000, 259], [1767398400000, 264], [1767484800000, 263], [1767571200000, 253], [1767657600000, 244], [1767744000000, 246], [1767830400000, 251], [1767916800000, 249], [1768003200000, 238], [1768089600000, 242], [1768176000000, 232], [1768262400000, 238], [1768348800000, 233], [1768435200000, 237], [1768521600000, 242], [1768608000000, 252], [1768694400000, 260], [1768780800000, 268], [1768867200000, 278], [1768953600000, 273], [1769040000000, 281], [1769126400000, 275], [1769212800000, 275], [1769299200000, 268], [1769385600000, 280], [1769472000000, 283], [1769558400000, 279], [1769644800000, 280], [1769731200000, 276], [1769817600000, 275], [1769904000000, 285], [1769990400000, 289], [1770076800000, 287], [1770163200000, 282], [1770249600000, 279], [1770336000000, 280], [1770422400000, 284], [1770508800000, 295], [1770595200000, 298], [1770681600000, 296], [1770768000000, 286], [1770854400000, 286], [1770940800000, 280], [1771027200000, 277], [1771113600000, 287], [1771200000000, 281], [1771286400000, 281], [1771372800000, 275], [1771459200000, 277], [1771545600000, 278], [1771632000000, 288], [1771718400000, 277], [1771804800000, 268], [1771891200000, 268], [1771977600000, 274], [1772064000000, 274], [1772150400000, 267], [1772236800000, 260], [1772323200000, 258], [1772409600000, 263], [1772496000000, 267], [1772582400000, 269], [1772668800000, 262], [1772755200000, 258], [1772841600000, 249], [1772928000000, 257], [1773014400000, 261], [1773100800000, 251], [1773187200000, 258], [1773273600000, 250], [1773360000000, 245], [1773446400000, 254], [1773532800000, 246], [1773619200000, 242], [1773705600000, 250], [1773792000000, 255], [1773878400000, 246], [1773964800000, 250], [1774051200000, 248], [1774137600000, 252], [1774224000000, 258], [1774310400000, 258], [1774396800000, 262], [1774483200000, 253], [1774569600000, 249], [1774656000000, 256], [1774742400000, 250], [1774828800000, 257], [1774915200000, 253], [1775001600000, 253], [1775088000000, 251], [1775174400000, 255], [1775260800000, 257], [1775347200000, 256], [1775433600000, 262], [1775520000000, 266], [1775606400000, 259], [1775692800000, 256], [1775779200000, 268], [1775865600000, 269], [1775952000000, 281], [1776038400000, 280], [1776124800000, 282], [1776211200000, 279], [1776297600000, 271], [1776384000000, 267], [1776470400000, 262], [1776556800000, 263], [1776643200000, 260], [1776729600000, 252], [1776816000000, 251], [1776902400000, 251], [1776988800000, 250], [1777075200000, 248], [1777161600000, 257], [1777248000000, 253], [1777334400000, 244], [1777420800000, 241], [1777507200000, 234] ] }, { name: "Android", data: [ [1767225600000, 177], [1767312000000, 174], [1767398400000, 170], [1767484800000, 177], [1767571200000, 168], [1767657600000, 164], [1767744000000, 159], [1767830400000, 162], [1767916800000, 163], [1768003200000, 165], [1768089600000, 166], [1768176000000, 171], [1768262400000, 173], [1768348800000, 170], [1768435200000, 180], [1768521600000, 190], [1768608000000, 184], [1768694400000, 193], [1768780800000, 198], [1768867200000, 191], [1768953600000, 186], [1769040000000, 184], [1769126400000, 176], [1769212800000, 182], [1769299200000, 190], [1769385600000, 194], [1769472000000, 188], [1769558400000, 196], [1769644800000, 203], [1769731200000, 202], [1769817600000, 194], [1769904000000, 194], [1769990400000, 200], [1770076800000, 190], [1770163200000, 185], [1770249600000, 193], [1770336000000, 193], [1770422400000, 186], [1770508800000, 179], [1770595200000, 187], [1770681600000, 194], [1770768000000, 185], [1770854400000, 190], [1770940800000, 198], [1771027200000, 194], [1771113600000, 190], [1771200000000, 198], [1771286400000, 207], [1771372800000, 207], [1771459200000, 204], [1771545600000, 212], [1771632000000, 205], [1771718400000, 212], [1771804800000, 221], [1771891200000, 230], [1771977600000, 224], [1772064000000, 229], [1772150400000, 229], [1772236800000, 229], [1772323200000, 228], [1772409600000, 228], [1772496000000, 238], [1772582400000, 230], [1772668800000, 221], [1772755200000, 220], [1772841600000, 224], [1772928000000, 233], [1773014400000, 229], [1773100800000, 234], [1773187200000, 228], [1773273600000, 235], [1773360000000, 242], [1773446400000, 246], [1773532800000, 242], [1773619200000, 241], [1773705600000, 233], [1773792000000, 240], [1773878400000, 248], [1773964800000, 254], [1774051200000, 246], [1774137600000, 254], [1774224000000, 246], [1774310400000, 254], [1774396800000, 254], [1774483200000, 246], [1774569600000, 239], [1774656000000, 233], [1774742400000, 239], [1774828800000, 244], [1774915200000, 248], [1775001600000, 239], [1775088000000, 239], [1775174400000, 234], [1775260800000, 236], [1775347200000, 242], [1775433600000, 236], [1775520000000, 242], [1775606400000, 252], [1775692800000, 252], [1775779200000, 245], [1775865600000, 250], [1775952000000, 253], [1776038400000, 245], [1776124800000, 251], [1776211200000, 252], [1776297600000, 255], [1776384000000, 251], [1776470400000, 245], [1776556800000, 237], [1776643200000, 231], [1776729600000, 236], [1776816000000, 236], [1776902400000, 238], [1776988800000, 231], [1777075200000, 237], [1777161600000, 247], [1777248000000, 249], [1777334400000, 249], [1777420800000, 258], [1777507200000, 264] ] } ], theme: { mode: "light", preset: "coastal" } } const chart = new WestCoastCharts(document.querySelector('#chart'), options) await chart.render() ``` ## Verify - Text check (Library 1.1.5): load `west-coast-charts/agent/describe` and call `chart.describe({ format: "json" })` for the actual drawn state. The live reader is on this example’s HTML page. - Command line (Public agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm, https://westcoast-charts.com/docs/cli/index.md): `wcc chart export perspectives-overview.json --out perspectives-overview.svg --with-table` (save the options above as JSON first)