Diabetes Prediction Using SVM - Interesting Machine Learning Projects

Prakash Singh — Mon, 19 Sep 2022 20:45:19 +0000

Domain Knowledge

In this case, we train our model with several medical informations such as the blood glucose level, insulin level of patients along with whether the person has diabetes or not so this act as labels whether that person is diabetic or non-diabetic so this will be label for this case.

So once, we feed this data to our support vector machine model. What happens is our model tries to plot the data in a graph.
Once it plots the data, it tries to find a hyperplane so in this image you can see a hyper plane. So, what happens is that this hyperplane separates these two datas.

Then once, we feed new data to this model, it tries to put that particular data in either of these two groups. With that, it can predict whether the person will be diabetic or non-diabetic.

"Okay so in this case, we use several medical information such as bmi, blood glucose level, insulin level of patient and etc."

Requirements for this project
→ Python
→ Support Vector Machine

First of all, we will talk about Support Vector Machine.
SVM is one of the most popular Supervised Learning algorithms, which is used for Classification as well as Regression problems.
However, primarily, it is used for Classification problems in Machine Learning.

The goal of the SVM algorithm is to create the best line or decision boundary that can segregate n-dimensional space into classes so that we can easily put the new data point in the correct category in the future. This best decision boundary is called a hyperplane.

Workflow

Diabetes Data→ Take data from hospitals or patients.

Data Preprocessing → We need to preprocess data where we will try to analyze the data and this data won't be very suitable to feed to the machine learning model and we need to standardize this data at first because there is a lot of medical information and we want all these data to be on the same bridge. So, what we do is to standardize all of this data so that all this data will lie in the same range.
And all these things will be done in the data pre-processing.

Train-test-split → We will train our machine learning model with training data and then we will try to find the accuracy score of our model with the help of test data. So simply, it will tell us how well our model is performing.
So once, we had done with splitting of data into training and testing data.

Support Vector Machine Classifier → Now, we will feed data to our SVM classifier model. We will be using a classifier model where this model will classify whether the patient is diabetic or non-diabetic.
Once, we have trained it. We'll have a trained SVM classifier. So, when we give a new data. So, it can now predict whether the patient is diabetic or non-diabetic.

Code Summary :

# Importing Dependencies

import pandas as pd
import numpy as np
from sklearn.preprocessing import StandardScaler #(standardize data to common range)
from sklearn.model_selection import train_test_split
from sklearn import svm
from sklearn.metrics import accuracy_score

# Loading the diabetes dataset to pandas dataframe
df=pd.read_csv("diabetes.csv")

# all data except labels
X= df.drop(columns="Outcome",axis=1)
y=df["Outcome"]

# train test split
X_train,X_test,y_train,y_test=train_test_split(X,y,test_size=0.2,stratify=y, random_state=2)

# Model Training
classifier=svm.SVC(kernel='linear')
classifier.fit(X_train,y_train)

Github Link for Jupyter File and Dataset : Click Here

How To Name Classes in HTML and CSS using BEM

Anand Doddamani — Sat, 10 Sep 2022 19:22:19 +0000

Hello Buddies,

In Today's story we are discussing about naming convention in HTML and CSS.

We are Discussing about BEM naming convention where B - Body, E - Element, M - Modifier. You may had a glance of naming classes similar as mentioned below

//Wrong
.catlystNavbar{ ... }
.catlystNavbarLogo{ ... }
.catlystNavbarBg{ ... }

//Correct
.catalyst-navbar {  ...}
.catalyst-navbar__logo{  ...}
.catalyst-navbar--bg{  ...}

BEM attempts to divide the overall user interface into small reusable components.

To understand efficiently let us take an example of our a navbar
Catalysts Navbar

The above navbar represents as element, such as a block of design.

Which represents the first letter of BEM that is Block and the component styled similarly as shown below

.catalyst-navbar{  ... }

E - Element

E stands for Element in BEM

For instance, the catalyst-navbar a logo and links

The logo and links are all elements within the component. They may be seen as child components, i.e. children of the overall parent component.

Using the BEM naming convention, element class names are derived by adding two underscores, followed by the element name.

.catalyst-navbar__logo{  ... }
.catalyst-navbar__content{  ... }

M - Modifier

M stands for Modifier in BEM

What if the navbar was modified and we could have a blue or a red background

In the real world, this could be a red button or blue button. These are modifications of the component in question.

Using BEM, modifier class names are derived by adding two hyphens followed by the element name.

For Example:

.catalyst-navbar--bg{  ... }
.catalyst-navbar--red{  ... }
.catalyst-navbar--blue{  ... }

Here is the final code I wrote for this navbar

Now the question arrise , Why naming convention is required ?

Naming things is hard. We're trying to make things easier, and save ourselves time in the future with more maintainable code.

Naming things correctly in CSS will make your code easier to read and maintain.

If you choose to use the BEM naming convention, it will become easier to see the relationship between your design components/blocks just by looking at the markup.

Forem: Catalysts ReachOut

Diabetes Prediction Using SVM - Interesting Machine Learning Projects

Domain Knowledge

Workflow

Code Summary :

How To Name Classes in HTML and CSS using BEM