https://sourceforge.net/p/lombokcharts/wiki/Getting%2520Started/Recent changes to Getting StartedenMon, 20 Jul 2026 01:18:38 -0000https://sourceforge.net/p/lombokcharts/wiki/Getting%2520Started/<div class="markdown_content"><h1 id="h-getting-started-with-lombokcharts">Getting Started with LombokCharts</h1> <h2 id="h-installation">Installation</h2> <h3 id="h-npm">npm</h3> <p>```bash<br/> npm install lombok-charts<br/> ```</p> <h3 id="h-pnpm">pnpm</h3> <p>```bash<br/> pnpm add lombok-charts<br/> ```</p> <h3 id="h-yarn">yarn</h3> <p>```bash<br/> yarn add lombok-charts<br/> ```</p> <h2 id="h-quick-start">Quick Start</h2> <h3 id="h-basic-usage">Basic Usage</h3> <p>```javascript<br/> import { chart } from 'lombok-charts';</p> <p>chart('#app', {<br/> data: [<br/> { label: 'Q1', value: 120 },<br/> { label: 'Q2', value: 200 },<br/> { label: 'Q3', value: 150 },<br/> { label: 'Q4', value: 280 },<br/> ],<br/> mark: 'bar',<br/> title: 'Quarterly Revenue',<br/> });<br/> ```</p> <h3 id="h-via-cdn-no-build-step">Via CDN (no build step)</h3> <p>```html</p> &lt;script src="https://cdn.jsdelivr.net/npm/lombok-charts/dist/lombok-charts.umd.min.js"&gt;&lt;/script&gt; &lt;script&gt; LombokCharts.chart('#app', { data: [{ label: 'A', value: 10 }], mark: 'bar' }); &lt;/script&gt; <p>```</p></div>ZulfikarMon, 20 Jul 2026 01:18:38 -0000https://sourceforge.net60c9a44da557be085d65cbbd8c67993076abd842