{"_id":"d-d3-barchart","_rev":"6-12e5e5f2d3b36166f09e99cfc77166be","name":"d-d3-barchart","description":"Example bar chart Derby component using d3","dist-tags":{"latest":"0.1.0"},"versions":{"0.0.1":{"name":"d-d3-barchart","description":"Example bar chart Derby component using d3","version":"0.0.1","main":"index.js","keywords":["derby","component"],"repository":{"type":"git","url":"git://github.com/codeparty/d-d3-barchart.git"},"bugs":{"url":"https://github.com/codeparty/d-d3-barchart/issues"},"author":{"name":"Ian Johnson"},"license":"MIT","dependencies":{"d3":"^3.4.4"},"devDependencies":{},"homepage":"https://github.com/codeparty/d-d3-barchart","_id":"d-d3-barchart@0.0.1","dist":{"shasum":"440a27b59ca3666e60ccc4e4af2788fa2547a335","tarball":"https://registry.npmjs.org/d-d3-barchart/-/d-d3-barchart-0.0.1.tgz","integrity":"sha512-/n175FXlimSV+ffKpxPG1d4+oYLffmsc6r26N9HQYvGBcukoEuvVEqbaan47Me23gT7UbL1Sx2XjW0WlzeX7Bw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHrkHn04ZGeeGDp+x0hLpBEk+keMxhigwhMJmFF6kcHrAiEA1wCbkCnxZXHMZDdDim3DBgkVBuNfdLne9BTjOFPBBRM="}]},"_from":".","_npmVersion":"1.4.3","_npmUser":{"name":"enjalot","email":"enjalot@gmail.com"},"maintainers":[{"name":"enjalot","email":"enjalot@gmail.com"}]},"0.1.0":{"name":"d-d3-barchart","description":"Example bar chart Derby component using d3","version":"0.1.0","main":"index.js","keywords":["derby","component"],"repository":{"type":"git","url":"git://github.com/codeparty/d-d3-barchart.git"},"bugs":{"url":"https://github.com/codeparty/d-d3-barchart/issues"},"author":{"name":"Ian Johnson"},"license":"MIT","dependencies":{"d3":"^3.4.4"},"devDependencies":{},"homepage":"https://github.com/codeparty/d-d3-barchart","_id":"d-d3-barchart@0.1.0","dist":{"shasum":"e7365498d886b5e3921ac7c65e06493020970e59","tarball":"https://registry.npmjs.org/d-d3-barchart/-/d-d3-barchart-0.1.0.tgz","integrity":"sha512-Cuy2QzdHdsJSXru3Z22p/8O/KejzS24V3RrdmdHJNM7wY3TuHrH5GFaO7p3uq/fPFc5TyI44Js8ON00g9Gz65g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfuAz7Xve6I6P6/WnlnvvF67NvQeu+QzjrlScrTK9LOwIhAIKo0GIbbFpBGTJbekSC019/CxrVw1OBKYw5Pm30vI9/"}]},"_from":".","_npmVersion":"1.3.24","_npmUser":{"name":"enjalot","email":"enjalot@gmail.com"},"maintainers":[{"name":"enjalot","email":"enjalot@gmail.com"}]}},"readme":"d-d3-barchart\n==================\n\nExample d3 Bar chart Derby component.  \nsee also:  \n[d-barchart-vanilla](http://github.com/codeparty/d-barchart-vanilla)  \n[d-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\nWe let d3 handle the DOM manipulation to take advantage of its transition API. We also render the DOM elements with Derby in an __unbound__ template block so that the initial bar chart gets rendered on the server.  \nd3's selection API finds the existing elements and binds it's data to them.\n","maintainers":[{"name":"enjalot","email":"enjalot@gmail.com"}],"time":{"modified":"2022-06-14T07:25:39.412Z","created":"2014-04-07T15:15:58.667Z","0.0.1":"2014-04-07T15:15:58.667Z","0.1.0":"2014-04-11T02:26:52.994Z"},"homepage":"https://github.com/codeparty/d-d3-barchart","keywords":["derby","component"],"repository":{"type":"git","url":"git://github.com/codeparty/d-d3-barchart.git"},"author":{"name":"Ian Johnson"},"bugs":{"url":"https://github.com/codeparty/d-d3-barchart/issues"},"license":"MIT","readmeFilename":"README.md"}