Live Code Editor

Try it yourself..

How to design Linear Algebra using html ,css

Linear algebra is an essential tool for machine learning professionals.

ML makes heavy use of Scalars.

ML makes heavy use of vectors.

ML makes heavy use of matrices.

ML makes heavy use of tensors.

The goal of this is to highlight the linear algebra concepts used in data science projects such as machine learning and deep learning.

HTML

<table width="100%">
<tr><td>Scalar</td><td>Vector(s)</td></tr>
<tr>
<td valign="top" >1</td>
<td>

</td>
<td>&nbsp;</td>
<td valign="top">
<table class="matrix" style="margin-left:16px">
<tr>
  <td >1</td>
  <td >2</td>
  <td >3</td>
</tr>
</table>

</td>
</table>

<br>
</td>
</tr>
<tr><td>Matrix</td><td>Tensor</td></tr>
<tr>
<td>

</td>
<td>

<table class="matrix">
<tr>
<td>&nbsp;</td>
<td>
<table class="matrix">
<tr>
  <td >1</td>
  <td >2</td>
  <td >3<td>
</tr>
<tr>
  <td >4</td>
  <td >5</td>
  <td>6</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
<td>
<table class="matrix">
<tr>
  <td >4</td>
  <td >5</td>
  <td>6<td>
</tr>
<tr>
  <td >1</td>
  <td >2</td>
  <td >3</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
</table>

</td>
</tr>
</table>

Live Code Editor

How to design Linear Algebra using html ,css

HTML

CSS

JavaScript

Output