# Flask 后端代码
from flask import Flask, jsonify
app = Flask(__name__)
@app.route('/data')
def get_data():
data = {
"students": [
{"id": 1, "name": "张三", "major": "计算机"},
{"id": 2, "name": "李四", "major": "数学"}
]
}
return jsonify(data)
if __name__ == '__main__':
app.run(debug=True)
]]>
// D3.js 前端代码
d3.json("/data").then(function(data) {
const svg = d3.select("#chart");
svg.selectAll("circle")
.data(data.students)
.enter()
.append("circle")
.attr("cx", (d, i) => (i + 1) * 50)
.attr("cy", 250)
.attr("r", 20);
});
]]>