{"id":16024461,"url":"https://github.com/stephenlb/pubnub-smoothy","last_synced_at":"2025-10-24T22:39:53.138Z","repository":{"id":24756650,"uuid":"28169562","full_name":"stephenlb/pubnub-smoothy","owner":"stephenlb","description":"Smoothy.js Charts with PubNub Wrapper for Easy Use","archived":false,"fork":false,"pushed_at":"2014-12-19T00:00:49.000Z","size":1272,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"gh-pages","last_synced_at":"2025-01-01T08:28:15.412Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://stephenlb.github.io/pubnub-smoothy/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stephenlb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-12-18T05:22:56.000Z","updated_at":"2021-10-17T21:17:35.000Z","dependencies_parsed_at":"2022-07-25T14:02:24.992Z","dependency_job_id":null,"html_url":"https://github.com/stephenlb/pubnub-smoothy","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Fpubnub-smoothy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Fpubnub-smoothy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Fpubnub-smoothy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Fpubnub-smoothy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stephenlb","download_url":"https://codeload.github.com/stephenlb/pubnub-smoothy/tar.gz/refs/heads/gh-pages","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239970706,"owners_count":19727014,"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":[],"created_at":"2024-10-08T19:20:48.802Z","updated_at":"2025-10-24T22:39:53.073Z","avatar_url":"https://github.com/stephenlb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# PubNub Smoothy Stream Add-on\n\nData streamed to your screen using PubNub Data Stream Network\nand painted in smoothy.js canvas.\n[Smoothie Charts: A JavaScript Charting Library for Streaming Data](http://smoothiecharts.org/)\ncan receive live updates in realtime using the Smoothy Stream library add-on.\n\n![Stream Live Data to Smoothy.js Chart](http://stephenlb.github.io/pubnub-smoothy/smoothy-stream.gif)\n\n\u003e Originally the need for this library was requested on [StackOverflow for Creating a line chart with smoothie graphs from a PubNub Stream](http://stackoverflow.com/questions/27511102/creating-a-line-chart-with-smoothie-graphs-from-a-pubnub-stream).\n\nYou should also check out the live [PubNub Smoothy Stream Add-on Live Demo](http://stephenlb.github.io/pubnub-smoothy/) to see this in action.\nBut don't skip the usage example below.\n\n## Usage Example - Smoothy.js Data Stream Demo\n\nStart a smoothy stream using a PubNub Data Channel.\nYou can receive mouse coordinates or stock prices or server cpu usage\nin realtime from a remote source anywhere on the internet.\nThe following example will receive stock prices from a live\ndata stream feed\n[Streaming JavaScript Market Orders](http://www.pubnub.com/developers/data-streams/market-orders)\non PubNub DSN (Data Stream Network).\n\n```html\n\u003ccanvas id=\"chart1\" width=\"400\" height=\"100\"\u003e\u003c/canvas\u003e\n\n\u003cscript src=\"https://cdn.pubnub.com/pubnub.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"js/smoothy.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"js/smoothstream.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e(function(){\n\n    // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=\n    // Start Smooth Stream\n    // =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=\n    var stream = smoothstream({\n        channel       : \"pubnub-market-orders\",\n        subscribe_key : \"sub-c-4377ab04-f100-11e3-bffd-02ee2ddab7fe\",\n        x             : function (message) { return new Date().getTime() },\n        y             : function (message) { return message.bid_price    },\n        chart         : 'chart1',\n        strokeStyle   : 'rgba(185,230,199,1)',\n        fillStyle     : 'rgba(222,238,191,0.7)',\n        lineWidth     : 5\n    });\n\n})();\u003c/script\u003e\n```\n\n## Stopping a Smoothy Stream\n\nYou can also stop a stream using the `.stop();` method.\n\n```javascript\nstream.stop();\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephenlb%2Fpubnub-smoothy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstephenlb%2Fpubnub-smoothy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephenlb%2Fpubnub-smoothy/lists"}