example-d3-react

【文件属性】：

文件名称：example-d3-react

文件大小：11KB

文件格式：ZIP

更新时间：2024-06-17 05:00:51

JavaScript

示例D3.js + React集成 一个小示例，探讨如何将数据可视化组件集成到应用中。 演示： ： 解释 上下文：React允许您操作SVG，因此您可以在“纯React”中重写此仓库。 在这里，我假设您可能已经有一些要重用的D3组件，和/或您宁愿在D3中编写应用程序的数据可视化部分。 我发现，遵循这些简单的规则，使D3组件在React应用程序中更好地发挥作用变得更加容易： （1）“一个真相的来源” ：D3可视化应该将需要渲染的所有数据传递给它。 在此示例中，真相的唯一来源是主 React组件的state ，并且由D3组件（ d3Chart ）和React组件（例如 ）使用。 （2）“万物无状态” ：与（1）有关，D3和React组件应尽可能地无状态，即，它们不应隐藏/封装使它们在给定相同“输入”的情况下呈现不同效果的内容。 在此示例中，如果您随时使用相同

【文件预览】：
example-d3-react-master
----package.json(932B)
----gulpfile.js(665B)
----build.js(766B)
----ghpages.js(562B)
----index.html(290B)
----src()
--------Stats.less(105B)
--------App.less(426B)
--------Chart.js(2KB)
--------Chart.less(10B)
--------AddRemoveDatum.js(807B)
--------d3Chart.less(262B)
--------ShowHideTooltips.js(699B)
--------Pagination.js(962B)
--------dataGenerator.js(677B)
--------main.js(118B)
--------App.js(2KB)
--------Stats.js(891B)
--------d3Chart.js(5KB)
----.gitignore(231B)
----webpack.config.js(314B)
----README.md(2KB)
----.jshintrc(225B)