{"_id":"d-barchart","_rev":"8-1df9cb4cd70fae72b3c653a40f702d23","name":"d-barchart","description":"Example bar chart Derby component","dist-tags":{"latest":"0.1.0"},"versions":{"0.0.1":{"name":"d-barchart","description":"Example bar chart Derby component","version":"0.0.1","main":"index.js","keywords":["derby","component"],"repository":{"type":"git","url":"git://github.com/codeparty/d-barchart.git"},"bugs":{"url":"https://github.com/codeparty/d-barchart/issues"},"author":{"name":"Ian Johnson"},"license":"MIT","dependencies":{"d3":"^3.4.4"},"devDependencies":{},"homepage":"https://github.com/codeparty/d-barchart","_id":"d-barchart@0.0.1","dist":{"shasum":"4140953024f7fce8018adcaa0efc3d97ab3a612a","tarball":"https://registry.npmjs.org/d-barchart/-/d-barchart-0.0.1.tgz","integrity":"sha512-rTTTpNBXrAEuqlaPN4fxtTq2NIolf4DrWI5lViMZ852u77z9TR3utDvDK2QPHDuUfDXkQJqms9WBEaQ++3yudA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHF/j8+MBpprTDFXmAHp8ScsZ38eym2wisvaVhl3/aBDAiEAqBTutWRBaQRzh+HWazeRitRzozwh27ETBX6IHv4nDnM="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"enjalot","email":"enjalot@gmail.com"},"maintainers":[{"name":"enjalot","email":"enjalot@gmail.com"}]},"0.1.0":{"name":"d-barchart","description":"Example bar chart Derby component","version":"0.1.0","main":"index.js","keywords":["derby","component"],"repository":{"type":"git","url":"git://github.com/codeparty/d-barchart.git"},"bugs":{"url":"https://github.com/codeparty/d-barchart/issues"},"author":{"name":"Ian Johnson"},"license":"MIT","dependencies":{"d3":"^3.4.4"},"devDependencies":{},"homepage":"https://github.com/codeparty/d-barchart","_id":"d-barchart@0.1.0","dist":{"shasum":"4b78056a1cbbd972b4e99bf0da8063f9365a3ae7","tarball":"https://registry.npmjs.org/d-barchart/-/d-barchart-0.1.0.tgz","integrity":"sha512-TeMYj5ZLcRsgrsdizP8+AU2bmgd6buMQqlv0IvQdY77280KUExiE4TAILcY2HVvr9p6m+6UI7baYhCMejlQhwQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCgxYY74ma3lo0CWl1VaSZ+2YjX7Axy9k12XcRk5/0EdAIhANZeUhVdNxH80S/rn7uHJYzELaQ9hCiITvsjFnWjpsjW"}]},"_from":".","_npmVersion":"1.3.24","_npmUser":{"name":"enjalot","email":"enjalot@gmail.com"},"maintainers":[{"name":"enjalot","email":"enjalot@gmail.com"}]}},"readme":"d-barchart\n==================\n\nExample d3 Bar chart Derby component.  \nalso see:  \n[d-barchart-vanilla](http://github.com/codeparty/d-barchart-vanilla)  \n[d-d3-barchart](http://github.com/codeparty/d-d3-barchart)  \n\n# Usage\n[Example usage](http://github.com/codeparty/derby-examples/charts)\n\n## In your template\n```\n<view name=\"d-barchart\" data={{_page.data}} width=300 height=200></view>\n```\nsome optional arguments\n```\n<view name=\"d-barchart\" data={{_page.data}} margins={{_page.margins}}></view>\n```\n\n\n## Your data\n```\nmodel.set(\"_page.data\", [ { value: 1 }, { value: 10 } ]);\n```\n\nOptional data\n```\nmodel.set(\"_page.margins\", {top: 0, right: 20, bottom: 0, left: 20 });\n```\n\n## Implementation pattern\n\nIn this example we take advantage of derby's bindings to associate our data with the DOM.  \nWe use the __layout__ pattern where we transform input data into layout data, and then render the layout data.  \nThe benefit here is we get server-side rendering and readable templates that react to changes in the data. The trade-off is that we lose d3's transitions because we don't use the selection api.\n","maintainers":[{"name":"enjalot","email":"enjalot@gmail.com"}],"time":{"modified":"2022-06-14T07:24:36.396Z","created":"2014-04-07T15:15:10.907Z","0.0.1":"2014-04-07T15:15:10.907Z","0.1.0":"2014-04-11T02:23:35.087Z"},"homepage":"https://github.com/codeparty/d-barchart","keywords":["derby","component"],"repository":{"type":"git","url":"git://github.com/codeparty/d-barchart.git"},"author":{"name":"Ian Johnson"},"bugs":{"url":"https://github.com/codeparty/d-barchart/issues"},"license":"MIT","readmeFilename":"README.md","users":{"ericz":true}}