tensorflow.js - 绘制 x 和 y 张量
问题描述
鉴于这两个张量
x=tf.tensor([1,2,3,4])
,y=tf.tensor([4,6,7,8])
我想绘制y=f(x)
. 有没有像 tensorboard 这样的可视化工具?
解决方案
您可以使用 chartjs、d3.js 等可视化工具...
(async function train(){
const x = tf.tensor([1, 2, 3, 4]);
const y = tf.tensor([2, 4, 6, 8]);
const data1 = await x.data()
const data2 = await y.data()
new Chart(document.getElementById("myChart"), {
type: 'scatter',
data: {
datasets: [{
label: "x",
data: data1,
pointBackgroundColor: "red",
borderColor: "red"
}, {
label: "y",
data: data2,
pointBackgroundColor: "green",
borderColor: "green"
}]
},
options: {
responsive: true,
showLines: false,
legend: {
labels: {
usePointStyle: true
}
}
}
});
})
<html>
<head>
<!-- Load TensorFlow.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tensorflow/0.12.4/tf.js"> </script>
<!-- Load chart.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
</head>
<body>
<canvas id="myChart"></canvas>
</body>
</html>
推荐阅读
- typescript - 使用 concatMap 逐个更新元素
- authorize.net - Authorize.net 退款一个截断错误 54
- .net - SignalR 客户端不会收到两条消息中的每一条
- formatting - 在 react-bootstrap Card.Text 中格式化文本
- javascript - 如何避免`PromiseRejectionHandledWarning: Promise 拒绝被异步处理`?
- python - 我试图将语音转换为文本并且出现严重错误并且不知道为什么,
- c++ - std::optional 相对于 nullptr 的优点/缺点是什么?
- c++ - C++ cout 没有打印到命令提示符
- flutter - 在 Flutter 中使用相同的代码库创建移动和 Web 应用程序的最有效方法是什么?
- aws-lambda - 未找到与有效负载的预期签名匹配的签名。您是否传递了从 Stripe 收到的原始请求正文?