{"id":15690058,"url":"https://github.com/stephenlb/eon-spark","last_synced_at":"2025-05-07T23:21:06.378Z","repository":{"id":57226137,"uuid":"80491508","full_name":"stephenlb/eon-spark","owner":"stephenlb","description":"Developers can create lovely visuals from live data streams. EON Spark is the visual representation of live streaming data, the way you would imagine. iOS, Android and web browsers.","archived":false,"fork":false,"pushed_at":"2018-04-24T21:09:32.000Z","size":45,"stargazers_count":8,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-31T15:08:42.882Z","etag":null,"topics":["android","data-visualization","es6","graph","ios","pubnub","stream","stream-processing","svg","visualization"],"latest_commit_sha":null,"homepage":"http://stephenlb.github.io/eon-spark","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","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":"license","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-31T04:37:52.000Z","updated_at":"2023-11-12T05:02:02.000Z","dependencies_parsed_at":"2022-08-24T11:00:40.090Z","dependency_job_id":null,"html_url":"https://github.com/stephenlb/eon-spark","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%2Feon-spark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Feon-spark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Feon-spark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlb%2Feon-spark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stephenlb","download_url":"https://codeload.github.com/stephenlb/eon-spark/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252968867,"owners_count":21833371,"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":["android","data-visualization","es6","graph","ios","pubnub","stream","stream-processing","svg","visualization"],"created_at":"2024-10-03T18:06:55.453Z","updated_at":"2025-05-07T23:21:06.354Z","avatar_url":"https://github.com/stephenlb.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# EON Spark\n\nDevelopers create engaging, beautiful\nlive data visuals that helps you stand out.\nIt's fast, simple, and open source.\n\n### Developers create **lovely visuals** from live data.\n\n![EON Spark Chart and Graph](http://i.imgur.com/aFysWAy.gif)\n\nYou imagine what live streaming data looks like.\nCharting and graphing for live streaming data.\niOS, Android and web browsers.\nThis is the visual representation of live streaming data,\nthe way you would imagine.\n\n### EON Spark Graphing\n\nEON Spark is lightweight, and has been coded ground-up.\nNo dependencies are required.\nThis means streamlined performance dedicated to drawing\nstreaming data visuals.\nEON Spark library was purpose built for mobile and web displays.\nThis graphing library was built internally at\n[PubNub](https://www.pubnub.com/) and has been in use since 2014.\n\n### Getting Started: EON Spark Data Visualizations\n\nHow to draw lines on a spark chart with a quick tutorial.\nStart with defining your HTML DOM element `\u003csvg\u003e`.\n\n```html\n\u003c!-- Sparkline Graph Element --\u003e\n\u003csvg id='basic-sparkline'\u003e\u003c/svg\u003e\n```\n\nHow should your sparkline look?\nIt should be pretty!\nSparkline `basic` CSS provided.\nYou can define `animation` and more!\nMake your sparkline sparkle.\nWe'll start simple first.\n\n```html\n\u003c!-- How should the line look? --\u003e\n\u003cstyle\u003e\n    #basic-sparkline {\n        background: #f5e2c8;\n        width: 500px;\n        height: 100px;\n    }\n    line.basic {\n        stroke: #f56476;\n        stroke-width: 3.0%;\n        stroke-dasharray: 2 2 400;\n    }\n\u003c/style\u003e\n```\n\nInitialize EON Spark graph and create painting area.\n\n```html\n\u003cscript src=\"../eon-spark.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    // Generate sparkline graph\n    const graph = eon.spark({ duration: 10, svg : 'basic-sparkline' });\n\u003c/script\u003e\n```\n\nAdding a line to the chart by using `.append()` method.\n\n```html\n\u003cscript\u003e\n    // Draw line two times per second with random value.\n    setInterval( () =\u003e {\n        graph.append({\n            classname : 'basic'\n        ,   value     : Math.random() * 300 + 2000\n        });\n    }, 500 );\n\u003c/script\u003e\n```\n\n## EON Spark Roadmap\n\n - Website w/ signup form\n - Spark Builder/Gallery (themes, data source/test data, etc.)\n - Web Dashboard Demo\n - Documentation of each parameter\n - BLOCKS for Stream Processing\n - iOS Cocoa Pod\n - Android Module\n - Angular Module\n - Angular2 Module\n - React Module\n - Polymer Component\n - http://buildwithreact.com/tutorial/events tutorial style\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephenlb%2Feon-spark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstephenlb%2Feon-spark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephenlb%2Feon-spark/lists"}