{"action":"created","issue":{"url":"https://api.github.com/repos/nengo/nengo_gui/issues/394","labels_url":"https://api.github.com/repos/nengo/nengo_gui/issues/394/labels{/name}","comments_url":"https://api.github.com/repos/nengo/nengo_gui/issues/394/comments","events_url":"https://api.github.com/repos/nengo/nengo_gui/issues/394/events","html_url":"https://github.com/nengo/nengo_gui/issues/394","id":87344626,"number":394,"title":"Convert spike charts to a single SVG path","user":{"login":"tcstewar","id":2380772,"avatar_url":"https://avatars.githubusercontent.com/u/2380772?v=3","gravatar_id":"","url":"https://api.github.com/users/tcstewar","html_url":"https://github.com/tcstewar","followers_url":"https://api.github.com/users/tcstewar/followers","following_url":"https://api.github.com/users/tcstewar/following{/other_user}","gists_url":"https://api.github.com/users/tcstewar/gists{/gist_id}","starred_url":"https://api.github.com/users/tcstewar/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tcstewar/subscriptions","organizations_url":"https://api.github.com/users/tcstewar/orgs","repos_url":"https://api.github.com/users/tcstewar/repos","events_url":"https://api.github.com/users/tcstewar/events{/privacy}","received_events_url":"https://api.github.com/users/tcstewar/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-11T13:19:57Z","updated_at":"2015-06-11T13:43:37Z","closed_at":null,"body":"As pointed out by Roland, \"you are drawing each line with its own SVG Line element.  It turns out that each SVG element causes (at least) 1 call from the CPU to the GPU, and this quickly becomes the perf bottleneck for many apps.  If you change the spike chart code to use a single SVG Path element to draw all of the lines in the chart (moveTo, LineTo, …), you will find a dramatic speedup when it is drawn.  This will give you a lot of the speedup you would experience by converting the chart to use WebGL.  In the future, if you want to be able to control the color, size, line type, etc. of each line, it would be a good time to check out WebGL.\""},"comment":{"url":"https://api.github.com/repos/nengo/nengo_gui/issues/comments/111139712","html_url":"https://github.com/nengo/nengo_gui/issues/394#issuecomment-111139712","issue_url":"https://api.github.com/repos/nengo/nengo_gui/issues/394","id":111139712,"user":{"login":"studywolf","id":2473097,"avatar_url":"https://avatars.githubusercontent.com/u/2473097?v=3","gravatar_id":"","url":"https://api.github.com/users/studywolf","html_url":"https://github.com/studywolf","followers_url":"https://api.github.com/users/studywolf/followers","following_url":"https://api.github.com/users/studywolf/following{/other_user}","gists_url":"https://api.github.com/users/studywolf/gists{/gist_id}","starred_url":"https://api.github.com/users/studywolf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/studywolf/subscriptions","organizations_url":"https://api.github.com/users/studywolf/orgs","repos_url":"https://api.github.com/users/studywolf/repos","events_url":"https://api.github.com/users/studywolf/events{/privacy}","received_events_url":"https://api.github.com/users/studywolf/received_events","type":"User","site_admin":false},"created_at":"2015-06-11T13:43:37Z","updated_at":"2015-06-11T13:43:37Z","body":"awesome tip!"}}