Saturday, 4 July 2020

Machine Learning Using HTML


Machine Learning Using HTML

Tools Required –

·       Browser – Google chrome/Firefox.
·       Understanding of basic HTML.

THAT’S IT!!! Learn Complete AI and Deep learning using HTML

No Need to INSTALL ANY TOOLS OR LIBS !! 😊


Vedio#1: Linear Learning Using HTML





  

 

URL= <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.11.2"></script>







 HTML code -

<html>
<head>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.11.2"></script>
</head>
<body>
    <b>X values</b>
    <div id="v1"></div>
    <b>Y values</b>
    <div id="v2"></div>
    <b>Perdicted value</b>
    <div id="output_field"></div>
</body>
<script>
    async function learnLinear() {
        // Define a model for linear regression.
        const xs = tf.tensor([1, 2, 3, 4]);
        const ys = tf.tensor([1, 2, 3, 4]);
        document.getElementById('v1').innerText =xs;
        document.getElementById('v2').innerText =ys;;
        const model = tf.sequential();
        model.add(tf.layers.dense({ units: 1, inputShape: [1] }));


        model.compile({ loss: 'meanSquaredError', optimizer: 'sgd' });

        // Generate some synthetic data for training.

        // Train the model using the data.
        model.fit(xs, ys, { epochs: 100 }).then(() => {
            // Use the model to do inference on a data point the model hasn't seen before:
            document.getElementById('output_field').innerText =
            model.predict(tf.tensor2d([5], [1, 1]));
            // Open the browser devtools to see the output
        });
    }
    learnLinear();

</script>
</html>