{"id":13426825,"url":"https://github.com/joewalnes/smoothie","last_synced_at":"2025-04-11T03:30:01.527Z","repository":{"id":414280,"uuid":"828375","full_name":"joewalnes/smoothie","owner":"joewalnes","description":"Smoothie Charts: smooooooth JavaScript charts for realtime streaming data","archived":false,"fork":false,"pushed_at":"2023-01-08T10:09:30.000Z","size":759,"stargazers_count":2261,"open_issues_count":28,"forks_count":233,"subscribers_count":68,"default_branch":"master","last_synced_at":"2025-04-06T04:51:32.309Z","etag":null,"topics":["chart","chart-component","charting-library","javascript"],"latest_commit_sha":null,"homepage":"http://smoothiecharts.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joewalnes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-08-10T09:54:54.000Z","updated_at":"2025-03-23T00:38:44.000Z","dependencies_parsed_at":"2023-01-13T10:15:57.179Z","dependency_job_id":null,"html_url":"https://github.com/joewalnes/smoothie","commit_stats":null,"previous_names":[],"tags_count":55,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joewalnes%2Fsmoothie","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joewalnes%2Fsmoothie/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joewalnes%2Fsmoothie/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joewalnes%2Fsmoothie/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joewalnes","download_url":"https://codeload.github.com/joewalnes/smoothie/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248335289,"owners_count":21086552,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chart","chart-component","charting-library","javascript"],"created_at":"2024-07-31T00:01:45.845Z","updated_at":"2025-04-11T03:30:01.491Z","avatar_url":"https://github.com/joewalnes.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","Uncategorized","Free and Open Source Libraries"],"sub_categories":["Uncategorized"],"readme":"[![npm version](https://img.shields.io/npm/v/smoothie.svg)](https://www.npmjs.com/package/smoothie)\n\n*Smoothie Charts* is a really small charting library designed for _live\nstreaming data_. I built it to reduce the headaches I was getting from\nwatching charts jerkily updating every second.\n\nSee [http://smoothiecharts.org](http://smoothiecharts.org)\n\n---\n\n### Getting Started\n\n*   [Hello world example](http://smoothiecharts.org/examples/example1.html)\n*   [Another example (server CPU usage)](http://smoothiecharts.org/examples/server-load.html)\n*   [Another example (responsive layout)](http://smoothiecharts.org/examples/responsive.html)\n*   [Tutorial](http://smoothiecharts.org/tutorial.html)\n*   [Interactive builder](http://smoothiecharts.org/builder/)\n*   Just the JavaScript: [smoothie.js](http://github.com/joewalnes/smoothie/raw/master/smoothie.js)\n*   Full distribution (docs and examples): [zip](http://github.com/joewalnes/smoothie/zipball/master) or [tgz](http://github.com/joewalnes/smoothie/tarball/master)\n*   Repository: `git clone git@github.com:joewalnes/smoothie.git`\n*   Bower: `bower install smoothie`\n*   NPM: `npm install smoothie`\n*   Yarn: `yarn add smoothie`\n*   [Introducing Smoothie Charts](http://joewalnes.com/2010/08/10/introducing-smoothie-charts/) (blog entry)\n\n---\n\n### Example\n\nGiven a `\u003ccanvas\u003e`:\n\n```html\n\u003ccanvas id=\"chart\" width=\"400\" height=\"100\"\u003e\u003c/canvas\u003e\n```\n\nCreate a time series and chart with code resembling:\n\n```js\n// Create a time series\nvar series = new TimeSeries();\n\n// Find the canvas\nvar canvas = document.getElementById('chart');\n\n// Create the chart\nvar chart = new SmoothieChart();\nchart.addTimeSeries(series, { strokeStyle: 'rgba(0, 255, 0, 1)' });\nchart.streamTo(canvas, 500);\n```\n\nThen, add data to your time series and it will be displayed on the chart:\n\n```js\n// Randomly add a data point every 500ms\nsetInterval(function() {\n    series.append(Date.now(), Math.random() * 10000);\n}, 500);\n```\n\n---\n\n### Questions\n\nFor help, use the [Smoothie Charts Google Group](http://groups.google.com/group/smoothie-charts).\n\n---\n\n[License](http://smoothiecharts.org/LICENSE.txt) (MIT)\n\n- [Joe Walnes](https://joewalnes.com/)\n- [Drew Noakes](https://drewnoakes.com/)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoewalnes%2Fsmoothie","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoewalnes%2Fsmoothie","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoewalnes%2Fsmoothie/lists"}