Swapna Kumar Panda Profile picture
Nov 22, 2021 18 tweets 6 min read Read on X
💙 Matrix implementation in JavaScript

Let's learn through this 🧵

0️⃣ Introduction

Matrix is a 2-dimensional Array arrangement of numbers.

Example:
[[a₁₁, a₁₂, a₁₃],
[a₂₁, a₂₂, a₂₃],
[a₃₁, a₃₂, a₃₃]]
✪ Element: Each item in the inner array is called an element of the matrix. Eg, a₁₁

✪ Row: Each item in the main array is called a row. Eg, [a₁₁, a₁₂, a₁₃]

✪ Column: A column is list of items at a specific index from each row in order. Eg, [a₁₁, a₂₁, a₃₁]
1️⃣ Dimension of a Matrix

Dimension of a Matrix is specified as the number of rows and number of columns in the matrix.
2️⃣ Square Matrix

A matrix is called as a "Square Matrix" only if its "number of rows" is equal to its "number of columns".
3️⃣ Diagonal Matrix

A "Diagonal Matrix" is a square matrix which has only Zeroes (0s) as its non-diagonal elements (row index = column index).

Diagonal elements can be both Non-Zero and Zero.
4️⃣ Upper Triangular Matrix

An "Upper Triangular Matrix" is a square matrix which has only Zeroes (0s) as elements "below" the diagonal elements.
5️⃣ Lower Triangular Matrix

An "Lower Triangular Matrix" is a square matrix which has only Zeroes (0s) as elements "above" the diagonal elements.
6️⃣ Identity/Unity Matrix

An "Identity Matrix" is a diagonal matrix with only 1s as its diagonal elements.
7️⃣ Zero Matrix

A "Zero Matrix" has only Zeroes (0s) as all its elements.
8️⃣ Transpose Matrix

A "Transpose Matrix" is formed by converting rows of a matrix into columns (and thus columns into rows).

Dimension of a transpose matrix is exactly opposite of the dimension of the original matrix.
9️⃣ Scalar Multiplication

By doing "Scalar Multiplication", each element of the matrix is multiplied by a scalar value.
1️⃣0️⃣ Matrix Addition

By "Matrix Addition", elements at a specific row and column from 2 matrices are added.
1️⃣1️⃣ Matrix Subtraction

By "Matrix Subtraction", elements at a specific row and column from one matrix is subtracted from the another.
1️⃣2️⃣ Matrix Multiplication

By "Matrix Multiplication", elements of a row from the first matrix is first multiplied with elements of a column from the second matrix and then summation is taken.
1️⃣3️⃣ Orthogonal Matrix

A matrix is known as "Orthogonal" when multiplied with its transpose results into an Identity Matrix.

In other words, if transpose of a matrix is equivalent to its inverse, the matrix is orthogonal.
OMISSIONS:

✪ Determinant of a Matrix
✪ Inverse of a Matrix

Because of their complex algorithms which won't fit into an infographic, I omitted these two.
Are you interested in JavaScript contents? I am sharing a lot of materials in Infographics.

All organised in a “Twitter Moment”, 👇

twitter.com/i/events/14358…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Swapna Kumar Panda

Swapna Kumar Panda Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @swapnakpanda

Apr 18
Python is a MUST in 2026.

This is how to be an EXPERT in 1 year:
0. Preliminary Steps

Before deciding to start, ensure you do these

⬩Know your final goal
⬩Set a target for spending daily 1 hour minimum.
⬩Research about Python ecosystem (libraries, frameworks, code editors).

P.S: This is my personal roadmap. I could spend 1 to 2 hours daily for learning and practicing during 2020. And it took me ~1 year to finish logically. It may differ from person to person.
➊ Start with a bang: Simple Data Types

Schedule: 1st Month
Effort: 1 to 2 hours daily + Normal practice

❯ Boolean
⬩bool
❯ Number
⬩int
⬩float
⬩complex
❯ String
⬩str
❯ Bytes
⬩bytes
⬩bytearray
⬩memoryview
Read 16 tweets
Apr 10
I mentored a student for Full-Stack Development.

In just 3 months, he grabbed one US-based remote job for a Junior Web Developer role.

Here is a detailed roadmap I prepared for him:
➊ Choose the right career path

⬘ His major was not Computer Science. But during academics, he learned a few computer subjects.

⬙ I evaluated his skills and suggested going for Web Development. You can self-evaluate by following this guide:
➋ Save time by being smart

⬘ I suggested he should follow specific resources for learning instead of too many. Resources include books, articles, and video tutorials.

⬙ Few such resources are:
Read 22 tweets
Mar 15
If I need to pick ONLY FIVE courses to learn AI & ML from scratch, I'll pick:

❯ CS221 - Artificial Intelligence
❯ CS229 - Machine Learning
❯ CS230 - DL
❯ CS234 - RL
❯ CS336 - LLM

These courses normally cost >$100K. But Stanford is offering them FREE on YouTube: Image
1. CS221 - Artificial Intelligence

🖇 youtube.com/playlist?list=…Image
2. CS229 - Machine Learning

- By Andrew Ng

🖇 youtube.com/playlist?list=…Image
Read 6 tweets
Mar 14
System Design becomes EASY after you go through these 9 excellent GitHub Repositories:
1. System Design Primer (339K ⭐)

github.com/donnemartin/sy…Image
2. System Design 101 (80K ⭐)

github.com/ByteByteGoHq/s…Image
Read 10 tweets
Mar 12
If you are a software engineer who wants to upskill in system design, bookmark these 13 sites:
2. System Design Primer

github.com/donnemartin/sy…Image
Read 14 tweets
Mar 10
I wish these Mathematics Courses were available during my School Days.

10 completely free courses for Beginners:
Read 11 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(