前端AI机械进奇趣5分彩在阅读器奇趣5分彩练习模子
更新时候：2022年07月09日 16:34:21 作者：前端奇趣5分彩罗场
这篇文章首要为大师先容了前端AI机械进奇趣5分彩在阅读器奇趣5分彩练习模子的示例详解，奇趣5分彩须要的伴侣能够或许或许或许或许鉴戒参考下，但愿能够或许或许或许或许奇趣5分彩所赞助，祝大师多多前进，早日升职加薪
辨认鸢尾花
本文将在阅读器奇趣5分彩界说、练习和运转模子。 为了完奇趣5分彩这一功效，我将构建一个辨认鸢尾花的案例。
接上去，咱们将建立一个神经搜集。同时，按照开源数据集咱们将鸢尾花分为三类：Setosa、Virginica 和 Versicolor。
每一个机械进奇趣5分彩名目的焦点奇趣5分彩是数据集。 咱们须要采用的第一步是将这个数据集拆分为练习集和测试集。
如许做的缘由是咱们将利用咱们的练习集来练习咱们的算法和咱们的测试集来查抄咱们的展望的精确性，以考证咱们的模子是不是能够或许或许或许或许利用或须要调剂。
为了便利起见，我已将练习集和测试集拆分为两个 JSON 文件:
测试集: testing.json
[{"sepal_length":6,"sepal_width":2.9,"petal_length":4.5,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":5.2,"sepal_width":3.4,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":6.5,"sepal_width":3,"petal_length":5.8,"petal_width":2.2,"species":"virginica"},
{"sepal_length":5.9,"sepal_width":3.2,"petal_length":4.8,"petal_width":1.8,"species":"versicolor"},
{"sepal_length":5.1,"sepal_width":3.8,"petal_length":1.9,"petal_width":0.4,"species":"setosa"},
{"sepal_length":5.4,"sepal_width":3,"petal_length":4.5,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":7,"sepal_width":3.2,"petal_length":4.7,"petal_width":1.4,"species":"versicolor"},
{"sepal_length":5.7,"sepal_width":2.8,"petal_length":4.5,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.1,"sepal_width":2.5,"petal_length":3,"petal_width":1.1,"species":"versicolor"},
{"sepal_length":4.9,"sepal_width":2.4,"petal_length":3.3,"petal_width":1,"species":"versicolor"},
{"sepal_length":5.1,"sepal_width":3.7,"petal_length":1.5,"petal_width":0.4,"species":"setosa"},
{"sepal_length":5.7,"sepal_width":2.8,"petal_length":4.1,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.6,"sepal_width":3,"petal_length":4.5,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":6.1,"sepal_width":3,"petal_length":4.6,"petal_width":1.4,"species":"versicolor"}]练习集: training.json
[{"sepal_length":5.1,"sepal_width":3.5,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.9,"sepal_width":3,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.7,"sepal_width":3.2,"petal_length":1.3,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.6,"sepal_width":3.1,"petal_length":1.5,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.6,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.6,"sepal_width":3.4,"petal_length":1.4,"petal_width":0.3,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.4,"petal_length":1.5,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.4,"sepal_width":2.9,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.9,"sepal_width":3.1,"petal_length":1.5,"petal_width":0.1,"species":"setosa"},
{"sepal_length":5.4,"sepal_width":3.7,"petal_length":1.5,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.8,"sepal_width":3.4,"petal_length":1.6,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.8,"sepal_width":3,"petal_length":1.4,"petal_width":0.1,"species":"setosa"},
{"sepal_length":4.3,"sepal_width":3,"petal_length":1.1,"petal_width":0.1,"species":"setosa"},
{"sepal_length":5.8,"sepal_width":4,"petal_length":1.2,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5.7,"sepal_width":4.4,"petal_length":1.5,"petal_width":0.4,"species":"setosa"},
{"sepal_length":5.4,"sepal_width":3.9,"petal_length":1.3,"petal_width":0.4,"species":"setosa"},
{"sepal_length":5.1,"sepal_width":3.5,"petal_length":1.4,"petal_width":0.3,"species":"setosa"},
{"sepal_length":5.7,"sepal_width":3.8,"petal_length":1.7,"petal_width":0.3,"species":"setosa"},
{"sepal_length":5.1,"sepal_width":3.8,"petal_length":1.5,"petal_width":0.3,"species":"setosa"},
{"sepal_length":5.4,"sepal_width":3.4,"petal_length":1.7,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.6,"sepal_width":3.6,"petal_length":1,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5.1,"sepal_width":3.3,"petal_length":1.7,"petal_width":0.5,"species":"setosa"},
{"sepal_length":4.8,"sepal_width":3.4,"petal_length":1.9,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5,"sepal_width":3,"petal_length":1.6,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.4,"petal_length":1.6,"petal_width":0.4,"species":"setosa"},
{"sepal_length":5.2,"sepal_width":3.5,"petal_length":1.5,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.7,"sepal_width":3.2,"petal_length":1.6,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.8,"sepal_width":3.1,"petal_length":1.6,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5.4,"sepal_width":3.4,"petal_length":1.5,"petal_width":0.4,"species":"setosa"},
{"sepal_length":5.2,"sepal_width":4.1,"petal_length":1.5,"petal_width":0.1,"species":"setosa"},
{"sepal_length":5.5,"sepal_width":4.2,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.9,"sepal_width":3.1,"petal_length":1.5,"petal_width":0.1,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.2,"petal_length":1.2,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5.5,"sepal_width":3.5,"petal_length":1.3,"petal_width":0.2,"species":"setosa"},
{"sepal_length":4.9,"sepal_width":3.1,"petal_length":1.5,"petal_width":0.1,"species":"setosa"},
{"sepal_length":4.4,"sepal_width":3,"petal_length":1.3,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5.1,"sepal_width":3.4,"petal_length":1.5,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.5,"petal_length":1.3,"petal_width":0.3,"species":"setosa"},
{"sepal_length":4.5,"sepal_width":2.3,"petal_length":1.3,"petal_width":0.3,"species":"setosa"},
{"sepal_length":4.4,"sepal_width":3.2,"petal_length":1.3,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.5,"petal_length":1.6,"petal_width":0.6,"species":"setosa"},
{"sepal_length":4.8,"sepal_width":3,"petal_length":1.4,"petal_width":0.3,"species":"setosa"},
{"sepal_length":5.1,"sepal_width":3.8,"petal_length":1.6,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5.3,"sepal_width":3.7,"petal_length":1.5,"petal_width":0.2,"species":"setosa"},
{"sepal_length":5,"sepal_width":3.3,"petal_length":1.4,"petal_width":0.2,"species":"setosa"},
{"sepal_length":6.4,"sepal_width":3.2,"petal_length":4.5,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":5.5,"sepal_width":2.3,"petal_length":4,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":6.5,"sepal_width":2.8,"petal_length":4.6,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":6.3,"sepal_width":3.3,"petal_length":4.7,"petal_width":1.6,"species":"versicolor"},
{"sepal_length":6.6,"sepal_width":2.9,"petal_length":4.6,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.2,"sepal_width":2.7,"petal_length":3.9,"petal_width":1.4,"species":"versicolor"},
{"sepal_length":5,"sepal_width":2,"petal_length":3.5,"petal_width":1,"species":"versicolor"},
{"sepal_length":5.9,"sepal_width":3,"petal_length":4.2,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":6,"sepal_width":2.2,"petal_length":4,"petal_width":1,"species":"versicolor"},
{"sepal_length":6.1,"sepal_width":2.9,"petal_length":4.7,"petal_width":1.4,"species":"versicolor"},
{"sepal_length":5.6,"sepal_width":2.9,"petal_length":3.6,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":6.7,"sepal_width":3.1,"petal_length":4.4,"petal_width":1.4,"species":"versicolor"},
{"sepal_length":5.8,"sepal_width":2.7,"petal_length":4.1,"petal_width":1,"species":"versicolor"},
{"sepal_length":6.2,"sepal_width":2.2,"petal_length":4.5,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":5.6,"sepal_width":2.5,"petal_length":3.9,"petal_width":1.1,"species":"versicolor"},
{"sepal_length":6.1,"sepal_width":2.8,"petal_length":4,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":6.3,"sepal_width":2.5,"petal_length":4.9,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":6.1,"sepal_width":2.8,"petal_length":4.7,"petal_width":1.2,"species":"versicolor"},
{"sepal_length":6.4,"sepal_width":2.9,"petal_length":4.3,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":6.6,"sepal_width":3,"petal_length":4.4,"petal_width":1.4,"species":"versicolor"},
{"sepal_length":6.8,"sepal_width":2.8,"petal_length":4.8,"petal_width":1.4,"species":"versicolor"},
{"sepal_length":6.7,"sepal_width":3,"petal_length":5,"petal_width":1.7,"species":"versicolor"},
{"sepal_length":5.7,"sepal_width":2.6,"petal_length":3.5,"petal_width":1,"species":"versicolor"},
{"sepal_length":5.5,"sepal_width":2.4,"petal_length":3.8,"petal_width":1.1,"species":"versicolor"},
{"sepal_length":5.5,"sepal_width":2.4,"petal_length":3.7,"petal_width":1,"species":"versicolor"},
{"sepal_length":5.8,"sepal_width":2.7,"petal_length":3.9,"petal_width":1.2,"species":"versicolor"},
{"sepal_length":6,"sepal_width":2.7,"petal_length":5.1,"petal_width":1.6,"species":"versicolor"},
{"sepal_length":6,"sepal_width":3.4,"petal_length":4.5,"petal_width":1.6,"species":"versicolor"},
{"sepal_length":6.7,"sepal_width":3.1,"petal_length":4.7,"petal_width":1.5,"species":"versicolor"},
{"sepal_length":6.3,"sepal_width":2.3,"petal_length":4.4,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.6,"sepal_width":3,"petal_length":4.1,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.5,"sepal_width":2.5,"petal_length":4,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.5,"sepal_width":2.6,"petal_length":4.4,"petal_width":1.2,"species":"versicolor"},
{"sepal_length":5.8,"sepal_width":2.6,"petal_length":4,"petal_width":1.2,"species":"versicolor"},
{"sepal_length":5,"sepal_width":2.3,"petal_length":3.3,"petal_width":1,"species":"versicolor"},
{"sepal_length":5.6,"sepal_width":2.7,"petal_length":4.2,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":5.7,"sepal_width":3,"petal_length":4.2,"petal_width":1.2,"species":"versicolor"},
{"sepal_length":6.2,"sepal_width":2.9,"petal_length":4.3,"petal_width":1.3,"species":"versicolor"},
{"sepal_length":6.3,"sepal_width":3.3,"petal_length":6,"petal_width":2.5,"species":"virginica"},
{"sepal_length":5.8,"sepal_width":2.7,"petal_length":5.1,"petal_width":1.9,"species":"virginica"},
{"sepal_length":7.1,"sepal_width":3,"petal_length":5.9,"petal_width":2.1,"species":"virginica"},
{"sepal_length":6.3,"sepal_width":2.9,"petal_length":5.6,"petal_width":1.8,"species":"virginica"},
{"sepal_length":7.6,"sepal_width":3,"petal_length":6.6,"petal_width":2.1,"species":"virginica"},
{"sepal_length":4.9,"sepal_width":2.5,"petal_length":4.5,"petal_width":1.7,"species":"virginica"},
{"sepal_length":7.3,"sepal_width":2.9,"petal_length":6.3,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6.7,"sepal_width":2.5,"petal_length":5.8,"petal_width":1.8,"species":"virginica"},
{"sepal_length":7.2,"sepal_width":3.6,"petal_length":6.1,"petal_width":2.5,"species":"virginica"},
{"sepal_length":6.5,"sepal_width":3.2,"petal_length":5.1,"petal_width":2,"species":"virginica"},
{"sepal_length":6.4,"sepal_width":2.7,"petal_length":5.3,"petal_width":1.9,"species":"virginica"},
{"sepal_length":6.8,"sepal_width":3,"petal_length":5.5,"petal_width":2.1,"species":"virginica"},
{"sepal_length":5.7,"sepal_width":2.5,"petal_length":5,"petal_width":2,"species":"virginica"},
{"sepal_length":5.8,"sepal_width":2.8,"petal_length":5.1,"petal_width":2.4,"species":"virginica"},
{"sepal_length":6.4,"sepal_width":3.2,"petal_length":5.3,"petal_width":2.3,"species":"virginica"},
{"sepal_length":6.5,"sepal_width":3,"petal_length":5.5,"petal_width":1.8,"species":"virginica"},
{"sepal_length":7.7,"sepal_width":3.8,"petal_length":6.7,"petal_width":2.2,"species":"virginica"},
{"sepal_length":7.7,"sepal_width":2.6,"petal_length":6.9,"petal_width":2.3,"species":"virginica"},
{"sepal_length":6,"sepal_width":2.2,"petal_length":5,"petal_width":1.5,"species":"virginica"},
{"sepal_length":6.9,"sepal_width":3.2,"petal_length":5.7,"petal_width":2.3,"species":"virginica"},
{"sepal_length":5.6,"sepal_width":2.8,"petal_length":4.9,"petal_width":2,"species":"virginica"},
{"sepal_length":7.7,"sepal_width":2.8,"petal_length":6.7,"petal_width":2,"species":"virginica"},
{"sepal_length":6.3,"sepal_width":2.7,"petal_length":4.9,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6.7,"sepal_width":3.3,"petal_length":5.7,"petal_width":2.1,"species":"virginica"},
{"sepal_length":7.2,"sepal_width":3.2,"petal_length":6,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6.2,"sepal_width":2.8,"petal_length":4.8,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6.1,"sepal_width":3,"petal_length":4.9,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6.4,"sepal_width":2.8,"petal_length":5.6,"petal_width":2.1,"species":"virginica"},
{"sepal_length":7.2,"sepal_width":3,"petal_length":5.8,"petal_width":1.6,"species":"virginica"},
{"sepal_length":7.9,"sepal_width":3.8,"petal_length":6.4,"petal_width":2,"species":"virginica"},
{"sepal_length":6.4,"sepal_width":2.8,"petal_length":5.6,"petal_width":2.2,"species":"virginica"},
{"sepal_length":6.3,"sepal_width":2.8,"petal_length":5.1,"petal_width":1.5,"species":"virginica"},
{"sepal_length":6.1,"sepal_width":2.6,"petal_length":5.6,"petal_width":1.4,"species":"virginica"},
{"sepal_length":7.7,"sepal_width":3,"petal_length":6.1,"petal_width":2.3,"species":"virginica"},
{"sepal_length":6.3,"sepal_width":3.4,"petal_length":5.6,"petal_width":2.4,"species":"virginica"},
{"sepal_length":6.4,"sepal_width":3.1,"petal_length":5.5,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6,"sepal_width":3,"petal_length":4.8,"petal_width":1.8,"species":"virginica"},
{"sepal_length":6.9,"sepal_width":3.1,"petal_length":5.4,"petal_width":2.1,"species":"virginica"},
{"sepal_length":6.7,"sepal_width":3.1,"petal_length":5.6,"petal_width":2.4,"species":"virginica"},
{"sepal_length":6.9,"sepal_width":3.1,"petal_length":5.1,"petal_width":2.3,"species":"virginica"},
{"sepal_length":5.8,"sepal_width":2.7,"petal_length":5.1,"petal_width":1.9,"species":"virginica"},
{"sepal_length":6.8,"sepal_width":3.2,"petal_length":5.9,"petal_width":2.3,"species":"virginica"},
{"sepal_length":6.7,"sepal_width":3.3,"petal_length":5.7,"petal_width":2.5,"species":"virginica"},
{"sepal_length":6.7,"sepal_width":3,"petal_length":5.2,"petal_width":2.3,"species":"virginica"},
{"sepal_length":6.3,"sepal_width":2.5,"petal_length":5,"petal_width":1.9,"species":"virginica"},
{"sepal_length":6.5,"sepal_width":3,"petal_length":5.2,"petal_width":2,"species":"virginica"},
{"sepal_length":6.2,"sepal_width":3.4,"petal_length":5.4,"petal_width":2.3,"species":"virginica"}]此奇趣5分彩，练习集包罗 130 个名目，测试集包罗 14 个。若是你看看这些数据是甚么模样，你会看到
以下内容：
{
"sepal_length": 5.1,
"sepal_width": 3.5,
"petal_length": 1.4,
"petal_width": 0.2,
"species": "setosa"
}
咱们能够或许或许或许或许看到萼片和花瓣的奇趣5分彩度和宽度的四个差别特点，和物种的标签。
为了能够或许或许或许或许将它与 Tensorflow.js 一路利用，咱们须要将这些数据塑造奇趣5分彩框架能够或许或许或许或许懂得的格局，在这类环境下，对练习数据，它将是 [130, 4] 的 130 个样本，每一个样本奇趣5分彩四个特点。
import * as trainingSet from "training.json";
import * as testSet from "testing.json";
const trainingData = tf.tensor2d(
trainingSet.map(item => [
item.sepal_length,
item.sepal_width,
item.petal_length,
item.petal_width
]),
[130, 4]
);
const testData = tf.tensor2d(
testSet.map(item => [
item.sepal_length,
item.sepal_width,
item.petal_length,
item.petal_width
]),
[14, 4]
);
接上去，咱们还须要对输出数据停止整形：
const output = tf.tensor2d(trainingSet.map(item => [
item.species === 'setosa' ? 1 : 0,
item.species === 'virginica' ? 1 : 0,
item.species === 'versicolor' ? 1 : 0
]), [130,3])
而后，一旦咱们的数据筹办停当，咱们便能够或许或许或许或许延续建立模子：
const model = tf.sequential();
model.add(tf.layers.dense(
{
inputShape: 4,
activation: 'sigmoid',
units: 10
}
));
model.add(tf.layers.dense(
{
inputShape: 10,
units: 3,
activation: 'softmax'
}
));
在上面的代码示例奇趣5分彩，咱们起首实例化一个挨次模子，增加一个输出和输出层。
你能够或许或许或许或许看到外部利用的参数（inputShape, activation, and units）超越了本文的规模，由于它们能够或许会按照你建立的模子、利用的数据范例等而奇趣5分彩所差别。
一旦咱们的模子筹办停当，咱们便能够或许或许或许或许利用咱们的数据对其停止练习：
async function train_data(){
for(let i=0;i<15;i++){
const res = await model.fit(trainingData, outputData,{epochs: 40});
}
}
async function main() {
await train_data();
model.predict(testSet).print();
}
若是这运作杰出，你能够或许或许或许或许起头用自界说用户输出替代测试数据。
一旦咱们挪用咱们的 main 函数，展望的输出将看起来像以下三个选项之一：
[1,0,0] // Setosa[0,1,0] // Virginica[0,0,1] // Versicolor
展望前往一个由三个数字奇趣5分彩奇趣5分彩的数奇趣5分彩，表现数据属于三个种别之一的几率。 最靠近 1 的数字是最高展望值。
比方，若是分类的输出为 [0.0002, 0.9494, 0.0503]，则数奇趣5分彩的第二个元素最高，是以模子展望新的输出很能够或许是 Virginica。
这便是 Tensorflow.js 奇趣5分彩的简略神经搜集！
咱们只会商了 Irises 的一个小数据集，但若是您想延续利用更大的数据集或处置图象，步骤将是不异的：
- 搜集数据；
- 在练习集和测试集之间拆分；
- 从头格局化数据以便 Tensorflow.js 能够或许或许或许或许懂得它；
- 挑选你的算法；
- 拟合数据；
- 展望。
若是你想保管建立的模子以便能够或许或许或许或许在另外一个利用法式奇趣5分彩加载它并展望新数据，你能够或许或许或许或许利用以下行来履行此操纵：
await model.save('file:///path/to/my-model'); // in Node.js
完全代码
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Tensorflow.js</title> <link rel="stylesheet" href="src/styles.css" rel="external nofollow" > </head> <body> <h1>利用 Tensorflow.js 在 JavaScript 奇趣5分彩界说、练习和运转机械进奇趣5分彩模子</h1> <section class="data-inputs"> <h3>鸢尾花分类</h3> <p>正在练习奇趣5分彩...</p> <p class="training-steps"></p> <div class="input-block"> <label for="sepal-length">Sepal lenth:</label> <input name="sepal-length" type="number" min="0" max="100" placeholder="1.5"> </div> <div class="input-block"> <label for="sepal-width">Sepal width:</label> <input name="sepal-width" type="number" min="0" max="100" placeholder="0.4"> </div> <div class="input-block"> <label for="petal-length">Petal length:</label> <input name="petal-length" type="number" min="0" max="100" placeholder="1.0"> </div> <div class="input-block"> <label for="petal-width">Petal width:</label> <input name="petal-width" type="number" min="0" max="100" placeholder="0.7"> </div> <button class="predict" disabled>展望</button> </section> <section class="prediction-block"> <p>鸢尾花 展望:</p> <p class="prediction"></p> </section> <script src="src/index.js"></script> </body> </html>
index.js
import * as tf from "@tensorflow/tfjs";
import trainingSet from "./training.json";
import testSet from "./testing.json";
let trainingData, testingData, outputData, model;
let training = true;
let predictButton = document.getElementsByClassName("predict")[0];
const init = async () => {
splitData();
createModel();
await trainData();
if (!training) {
predictButton.disabled = false;
predictButton.onclick = () => {
const inputData = getInputData();
predict(inputData);
};
}
};
const splitData = () => {
trainingData = tf.tensor2d(
trainingSet.map(item => [
item.sepal_length,
item.sepal_width,
item.petal_length,
item.petal_width
]),
[130, 4]
);
testingData = tf.tensor2d(
testSet.map(item => [
item.sepal_length,
item.sepal_width,
item.petal_length,
item.petal_width
]),
[14, 4]
);
outputData = tf.tensor2d(
trainingSet.map(item => [
item.species === "setosa" ? 1 : 0,
item.species === "virginica" ? 1 : 0,
item.species === "versicolor" ? 1 : 0
]),
[130, 3]
);
};
const createModel = () => {
model = tf.sequential();
model.add(
tf.layers.dense({ inputShape: 4, activation: "sigmoid", units: 10 })
);
model.add(
tf.layers.dense({
inputShape: 10,
units: 3,
activation: "softmax"
})
);
model.compile({
loss: "categoricalCrossentropy",
optimizer: tf.train.adam()
});
};
const trainData = async () => {
let numSteps = 15;
let trainingStepsDiv = document.getElementsByClassName("training-steps")[0];
for (let i = 0; i < numSteps; i++) {
let res = await model.fit(trainingData, outputData, { epochs: 40 });
trainingStepsDiv.innerHTML = `Training step: ${i}/${numSteps - 1}, loss: ${
res.history.loss[0]
}`;
if (i === numSteps - 1) {
training = false;
}
}
};
const predict = async inputData => {
for (let [key, value] of Object.entries(inputData)) {
inputData[key] = parseFloat(value);
}
inputData = [inputData];
let newDataTensor = tf.tensor2d(
inputData.map(item => [
item.sepal_length,
item.sepal_width,
item.petal_length,
item.petal_width
]),
[1, 4]
);
let prediction = model.predict(newDataTensor);
displayPrediction(prediction);
};
const getInputData = () => {
let sepalLength = document.getElementsByName("sepal-length")[0].value;
let sepalWidth = document.getElementsByName("sepal-width")[0].value;
let petalLength = document.getElementsByName("petal-length")[0].value;
let petalWidth = document.getElementsByName("petal-width")[0].value;
return {
sepal_length: sepalLength,
sepal_width: sepalWidth,
petal_length: petalLength,
petal_width: petalWidth
};
};
const displayPrediction = prediction => {
let predictionDiv = document.getElementsByClassName("prediction")[0];
let predictionSection = document.getElementsByClassName(
"prediction-block"
)[0];
let maxProbability = Math.max(...prediction.dataSync());
let predictionIndex = prediction.dataSync().indexOf(maxProbability);
let irisPrediction;
switch (predictionIndex) {
case 0:
irisPrediction = "Setosa";
break;
case 1:
irisPrediction = "Virginica";
break;
case 2:
irisPrediction = "Versicolor";
break;
default:
irisPrediction = "";
break;
}
predictionDiv.innerHTML = irisPrediction;
predictionSection.style.display = "block";
};
init();
styles.css
body {
font-family: "Avenir";
}
h1 {
text-align: center;
width: 80%;
margin: 0 auto;
}
.data-inputs {
display: block;
width: 80%;
margin: 0 auto;
}
.input-block {
display: inline-block;
width: fit-content;
margin: 1em 0.5em 2em 0.5em;
}
.input-block:first-of-type {
margin-left: 0;
}
.input-block input {
width: 7em;
height: 2em;
}
.input-block input::placeholder {
color: rgba(0, 0, 0, 0.3);
}
button {
display: block;
padding: 0.5em 1em;
border-radius: 5px;
font-size: 14px;
}
.prediction-block {
display: none;
width: 80%;
margin: 0 auto;
}
package.json
{
"name": "Irises Classficaton",
"version": "1.0.0",
"description": "",
"main": "index.html",
"scripts": {
"start": "parcel index.html --open",
"build": "parcel build index.html"
},
"dependencies": {
"@tensorflow/tfjs": "1.1.2"
},
"devDependencies": {
"@babel/core": "7.2.0",
"parcel-bundler": "^1.6.1"
},
"keywords": []
}
结果以下：
以上便是前端AI机械进奇趣5分彩在阅读器奇趣5分彩练习模子的具体内容，更多对于前端AI阅读器练习模子的材料请存眷剧本之奇趣5分彩别的相干文章！
相干文章
这篇文章首要先容了微信小法式 Mustache语法具体先容的相干材料,须要的伴侣能够或许或许或许或许参考下2016-10-10
这篇文章首要先容JS数奇趣5分彩去重，对于去重现实利用奇趣5分彩，最经奇趣5分彩利用的体例便是利用Set，也能够或许或许或许或许利用第三方库lodash来处置，上面一路来看看文章是怎样先容JS数奇趣5分彩去重的2021-11-11
解密结果...2006-06-06
这篇文章首要先容了微信小法式 页面之间传参实例详解的相干材料,须要的伴侣能够或许或许或许或许参考下2017-01-01
奇趣5分彩:JavaScript奇趣5分彩经奇趣5分彩利用的数奇趣5分彩操纵体例
Javascript经奇趣5分彩利用数奇趣5分彩是奇趣5分彩奇趣5分彩其的一个首要的局部，它们能够或许或许或许或许用来存储字符串、东西、函数、是以本篇文章小编九带大师深切领会Javascript经奇趣5分彩利用数奇趣5分彩的操纵体例,须要的伴侣能够或许或许或许或许参考上面文章的具体内容2021-09-09
这篇文章首要先容了微信小法式 前端源码逻辑和任务流详解的相干材料,须要的伴侣能够或许或许或许或许参考下2016-10-10
这篇文章首要先容了JavaScript高等法式设想之根基援用范例，援用值（东西）奇趣5分彩是某个特定的援用范例的实例东西，比方 Date范例、Function范例，RegExp 正则抒发式范例等等。JavaScript内置了一些经奇趣5分彩利用的援用范例给开辟者利用。上面来看看文章具体内容2021-11-11
这篇文章首要先容了基于JavaScript禁止事务冒泡,事务冒泡 起头时由最具体的元素领受，而后逐级向上传布到到 DOM 最顶层节点。更多具体内容请须要的小火伴参考上面文章的具体内容但愿对你奇趣5分彩所赞助2021-12-12
图片按比例缩放函数...2006-06-06
奇趣5分彩:微信小法式完奇趣5分彩缓存按照差别的id来停止设置和读取缓存
这篇文章首要先容了微信小法式完奇趣5分彩缓存按照差别的id来停止设置和读取缓存的相干材料,须要的伴侣能够或许或许或许或许参考下2017-06-06
最新批评