react 数据可视化_使用d3创建数据可视化并在2020年做出React

react 数据可视化

Data visualisation and application technologies have evolved greatly over the past decade. Two of the most popular web-based technologies for this are D3.js and React.js and both began as separate projects in 2011. Now, after nearly 10 years, there is finally an elegant way to have these two technologies work together to deliver both an exciting data visualisation experience and sustainable development workflow.

在过去的十年中，数据可视化和应用技术得到了巨大的发展。 两种最流行的基于Web的技术是D3.js和React.js，它们都在2011年作为单独的项目开始。如今，在将近10年之后，终于有了一种优雅的方式来使这两种技术协同工作以交付令人兴奋的数据可视化体验和可持续发展工作流程。

D3 is an excellent library for rendering data visualisation — this should be preserved by separating D3 implementation from React.

D3是用于呈现数据可视化的优秀库-应该通过将D3实现与React分开来保留它。

Understanding this workflow is important for developers, designers and anyone involved with the process of creating data visualisations as it can help improve the experience and reduce the effort to create it. Having two workflows might seem contradictory to this second point and throughout this piece I will attempt to illustrate why this is not the case.

对于开发人员，设计人员以及参与数据可视化过程的任何人来说，了解此工作流程都很重要，因为它可以帮助改善体验并减少创建数据的工作量。 拥有两个工作流程似乎与第二点矛盾，在整篇文章中，我将尝试说明为什么情况并非如此。

D3和React之间的根本区别 (The fundamental difference between D3 and React)

Both D3 and React provide their own DOM Manipulation API – adding, updating and deleting HTML. D3 offers life cycle events to match the DOM change operation (enter, update and exit) with method chaining syntax that is designed to directly alter the HTML elements. Whereby