Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Displayn for all projects and algorithms #152

Merged
merged 2 commits into from
Jan 18, 2025
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 8 additions & 7 deletions docs/algorithms/machine-learning/boosting/index.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
# Boosting πŸ€–

<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
<div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
<img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;"><!-- AC GAN -->
<a href="LightGBM" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://miro.medium.com/v2/resize:fit:1400/format:webp/1*rE2Yvjc5h7P_u7wrhieAEg.jpeg" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Lighrt Gradient Boosting Machine</h2>
<p style="font-size: 16px;">Powerful gradient-boosting framework that can be used for both regression and classification tasks.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-10 | ⏱️ 4 mins</p>
</div>
<h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
<p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
There are no items available at this time. Check back again later.
</p>
</a>
</div>
45 changes: 37 additions & 8 deletions docs/algorithms/machine-learning/data-preprocessing/index.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,40 @@
# Data Pre-processing πŸ€–

<div style="display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(39, 39, 43, 0.4); border: 1px dashed rgba(76, 76, 82, 0.4); border-radius: 8px; padding: 24px; box-sizing: border-box;">
<div style="margin-bottom: 24px; font-size: 32px; color: #6b7280;">
<img src="https://github.com/user-attachments/assets/6fc75189-7775-40b3-8de2-b824e0e093f9" alt="" style="width: 80px; height: 80px;" />
</div>
<h3 style="font-weight: bold; font-size: 1.25rem; margin-bottom: 12px; letter-spacing: -0.015em;">No Items Found</h3>
<p style="font-size: 0.875rem; color: #6b7280; margin-bottom: 24px; margin-left: 16px; max-width: 24rem; line-height: 1.5;">
There are no items available at this time. Check back again later.
</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;">

<!-- Encoding -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="encoding/" style="width: 100%; display: block;">
<img src="https://miro.medium.com/v2/resize:fit:1400/format:webp/1*taMQOp5XfXOICUxHeK-L6g.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Encoding</h3>
<p style="font-size: 14px; color: #666;">Process of converting categorical data into numerical values</p>
</figcaption>
</a>
</figure>

<!-- Imputation -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="imputation/" style="width: 100%; display: block;">
<img src="https://cdn.prod.website-files.com/6064b31ff49a2d31e0493af1/663085ee172cd6e1a6533ca8_Article%20image%20(4).webp" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Imputation</h3>
<p style="font-size: 14px; color: #666;">Technique that replaces missing values in a dataset with estimated values.</p>
</figcaption>
</a>
</figure>

<!-- Scaling and Normalization -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="scaling-and-normalization/" style="width: 100%; display: block;">
<img src="https://kharshit.github.io/img/scaling.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Scaling and Normalization </h3>
<p style="font-size: 14px; color: #666;">Techniques that transform numerical data values into a common scale.</p>
</figcaption>
</a>
</figure>



</div>
48 changes: 48 additions & 0 deletions docs/algorithms/machine-learning/index.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,50 @@
# Machine Learning πŸ€–


<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 15px;">

<!-- Boosting -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="boosting/" style="width: 100%; display: block;">
<img src="https://media.geeksforgeeks.org/wp-content/uploads/20210707140911/Boosting.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Boosting</h3>
<p style="font-size: 14px; color: #666;">Modeling technique that attempts to build a strong classifier from the number of weak classifiers.</p>
</figcaption>
</a>
</figure>

<!-- Data Processing -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="data-preprocessing/" style="width: 100%; display: block;">
<img src="https://framerusercontent.com/images/tcuop20H7fupm3w8fgxSMfql1vc.png" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Data Preprocessing</h3>
<p style="font-size: 14px; color: #666;"> Technique that is used to convert the raw data into a clean data set.</p>
</figcaption>
</a>
</figure>

<!-- Supervised -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="supervised/" style="width: 100%; display: block;">
<img src="https://i0.wp.com/eastgate-software.com/wp-content/uploads/2023/10/supervised-learning.png?resize=1140%2C570&ssl=1" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Supervised</h3>
<p style="font-size: 14px; color: #666;">Uses labeled datasets to train algorithms to predict outcomes and recognize patterns.</p>
</figcaption>
</a>
</figure>

<!-- Unsupervised -->
<figure style="padding: 1rem 1rem 0 1rem; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.2s; display: flex; flex-direction: column; align-items: center;">
<a href="unsupervised/" style="width: 100%; display: block;">
<img src="https://images.shiksha.com/mediadata/ugcDocuments/images/wordpressImages/2022_05_Unsupervised-Learning.jpg" alt="" style="width: 100%; height: 150px; object-fit: cover; border-radius: 10px;" />
<figcaption style="padding: 10px; text-align: center; border-top: 1px solid rgba(76, 76, 82, 0.4); border-radius: 0 0 10px 10px;">
<h3 style="margin: 0; font-size: 18px;">Unsupervised</h3>
<p style="font-size: 14px; color: #666;">Uses algorithms to analyze unlabeled data without human intervention</p>
</figcaption>
</a>
</figure>

</div>
105 changes: 104 additions & 1 deletion docs/algorithms/natural-language-processing/index.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,105 @@
# Natural Language Processing πŸ—£οΈ
# Natural Language Processing πŸ—£οΈ

<div style="display: flex; flex-direction: column; gap: 10px;">

<!-- Bag of Words-->
<a href="Bag_Of_Words" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://miro.medium.com/v2/resize:fit:661/0*cf1wq8eIix-Z2qIf.png" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Bag Of Words</h2>
<p style="font-size: 16px;">Representation of text that is based on an unordered collection.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-10 | ⏱️ 3 mins</p>
</div>
</a>

<!--Fast Text -->
<a href="Fast_Text" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://amitness.com/posts/images/fasttext-center-word-embedding.png" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Fast Text</h2>
<p style="font-size: 16px;">From Facebook AI Research(FAIR) for learning word embeddings and word classifications.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 7 mins</p>
</div>
</a>

<!--Global Vectors -->
<a href="GloVe" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://nlp.stanford.edu/projects/glove/images/man_woman.jpg" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Gloabl Vectors</h2>
<p style="font-size: 16px;">Unsupervised learning algorithm for obtaining vector representations for words.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 4 mins</p>
</div>
</a>

<!-- NLP Introduction -->
<a href="N_L_P_Introduction" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://images.javatpoint.com/tutorial/nlp/images/what-is-nlp.png" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">NLP Introduction</h2>
<p style="font-size: 16px;">Enables computers to comprehend, generate, and manipulate human language.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 3 mins</p>
</div>
</a>

<!-- NLTK Setup -->
<a href="NLTK_Setup.md" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://files.realpython.com/media/NLP-for-Beginners-Pythons-Natural-Language-Toolkit-NLTK_Watermarked.16a787c1e9c6.jpg" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">NLTK Setup</h2>
<p style="font-size: 16px;">Working with human language data.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-10 | ⏱️ 2 mins</p>
</div>
</a>

<!-- Text Pre-Processing Techniques -->
<a href="Text_PreProcessing_Techniques" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://miro.medium.com/v2/resize:fit:877/1*pt47uCcCn3X7XNYQg1dghw.png" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Text Pre-Processing Techniques</h2>
<p style="font-size: 16px;">Cleaning and preparing raw text data for further analysis or model training.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 4 mins</p>
</div>
</a>

<!--Term Frequency-Inverse Document Frequency -->
<a href="Tf_Idf" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://i.ytimg.com/vi/zLMEnNbdh4Q/maxresdefault.jpg" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Term Frequency-Inverse Document Frequency</h2>
<p style="font-size: 16px;">Measure of importance of a word to a document.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 3 mins</p>
</div>
</a>

<!-- Transformers -->
<a href="Transformers" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://media.licdn.com/dms/image/D4D12AQHXwdapur6HhA/article-cover_image-shrink_600_2000/0/1700812675354?e=2147483647&v=beta&t=23zB-g39hqPC7odxDdgccmkSSnInQgDNQlXrr4w_swA" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Transformers</h2>
<p style="font-size: 16px;">Deep neural network architecture.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 4 mins</p>
</div>
</a>

<!--Word2Vec -->
<a href="Word_2_Vec" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://www.scaler.com/topics/images/network-of-word2vec.webp" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Word2Vec</h2>
<p style="font-size: 16px;">Creates vector representations of words.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 3 mins</p>
</div>
</a>

<!-- Word Embeddings-->
<a href="Word_Embeddings" style="padding: 0 2px 0 16px; background-color: rgba(39, 39, 43, 0.4); border: 1px solid rgba(76, 76, 82, 0.4); border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.2s; display: flex; align-items: center;">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT_6x753k-U2YNRTxS8UUwDvjMrseSEFcC8FQ&s" alt="" style="width: 300px; height: 150px; object-fit: cover; border-radius: 10px;" />
<div style="padding: 15px;">
<h2 style="margin: 0; font-size: 20px;">Word Embeddings</h2>
<p style="font-size: 16px;">Numeric representations of words in a lower-dimensional space.</p>
<p style="font-size: 12px;">πŸ“… 2025-01-15 | ⏱️ 3 mins</p>
</div>
</a>

</div>
Loading
Loading