在Node.js/Express框架中,将数据传递给d3以呈现图形数据的正确方式是什么?
What is the proper way in Node.js/Express framework to pass data to d3 for rendering graphical data
我有一个jade文件,我从js文件传递数据到。然后我有jade文件需要一个js文件来处理d3代码。
我不认为这是正确的方法,但我不想从公共js文件中提取数据,因为它对用户是可见的。
如果你对我的问题有点困惑,项目和结构在这里:https://github.com/rdecuir/NodeJSGraphics
我正在努力学习最佳实践和结构,但还没有找到任何有意义的结构化方式,我不想在jade文件中有脚本代码,也不希望数据在我的d3文件中被拉,因为它暴露给用户。
的挑战是,你想使用d3来呈现数据,但不下载数据到浏览器,因为它需要保持专有?如果是,有两个选项:
- 呈现可视化服务器端,并以图像形式下载
- 在浏览器中渲染可视化,但只下载必要的数据。
D3可以在Node.js中使用,还有其他很好的理由在服务器端渲染图像,但第一个选项可能比这里需要的更复杂。你希望至少向用户呈现一些数据,这就是你绘制饼状图的原因。
因此,在Node中,服务器查询Mongo,并构建一个最小的数据集,足以绘制饼图,但不包括机密信息。
你可以通过Ajax传递数据到d3(即渲染页面,然后调用数据,例如使用d3.csv()
)或嵌入数据在模板中(例如传递一个对象到客户端在节点/express + ejs?)
相关文章:
- D3.js强制布局带有外部数据的图形空白
- 通过变量将数据添加到图形中
- 在同一html页面中使用不同数据复制图表/图形
- D3:“bubble.nodes”未将正确的图形数据应用于数据集
- 如何接受用户数据并在提交后以图形形式返回
- 如何在渲染之前操作 cytoscape.js 图形数据
- 如何在 d3.js 中的给定数据中设计图形
- 使用Plotly中的新数据更新图形的高性能方法
- 图形未呈现我的日期数据
- D3.js 和来自 CSV 文件图形宽度的数据可视化
- 如何在数据更新时更新可重用的 d3.js 图形
- 对高图表图形中的特定数据执行样式操作
- 如何从返回的Facebook图形API哈希中提取数据
- 使用新数据重绘 d3 图形
- 使用 Jqplot 绘制图形和来自 Sqlite 数据库的数据
- 在node.js中接收来自mysql的数据以绘制图形
- 点击bokeh按钮,从文件中加载图形数据
- amcharts与RubyonRails的集成:使用数据库中的数据填充图形
- 将csv文件中的数据绘制成图形
- Javascript函数将数组列表转换为树数据结构或图形