Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
To skip initial space from a Pandas DataFrame, use the skipinitialspace parameter of the read_csv() method. Set the parameter to True to remove extra space.Let’s say the following is our csv file −We should get the following output i.e. skipping initial whitespace and displaying the DataFrame from the CSV −ExampleFollowing is the complete code −import pandas as pd # reading csv file dataFrame = pd.read_csv("C:\Users\amit_\Desktop\CarRecords.csv") print("DataFrame...", dataFrame) # reading csv file and removing initial space dataFrame = pd.read_csv("C:\Users\amit_\Desktop\CarRecords.csv", skipinitialspace = True) print("DataFrame...", dataFrame)At first, read the CSV. Our CSV file is on the Desktop −dataFrame = pd.read_csv("C:\Users\amit_\Desktop\CarRecords.csv")While reading, ... Read More
In this article, we are going to see how to make a 3D figure which will look like a donut. We will apply this in a webpage using react-three-fiber. We will use this package to make a donut-like shape which will keep moving and we will see it from inside of it.ExampleFirst, download important libraries −npm i --save @react-three/fiber threethreejs and react-three/fiber will be used to add webGL renderer to the website. Three-fiber will be used to connect threejs and React.Add the following lines of code in App.js −import React, { useRef } from "react"; import { Canvas, useFrame } ... Read More
In this article, we will see how to use Three.js in React by using a third-party package react-three-fiber. Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGLExampleFirst of all, install the react-three-fiber package −npm i --save @react-three/fiber threethreejs and react-three/fiber will be used to add webGL renderer to the website.Add the following lines of code in App.js −import React, { useRef, useState } from "react"; import { Canvas, useFrame } from "@react-three/fiber"; function Box(props) { const mesh = useRef(); useFrame(() => ... Read More
In this article, we will see how to use the react-three-fiber package in React to make a ring which will rotate. Three.js is a cross-browser JavaScript library and application programming interface used to create and display animated 3D computer graphics in a web browser using WebGLExampleFirst, download important libraries −npm i --save @react-three/fiber threethreejs and react-three/fiber will be used to add webGL renderer to the website.Add the following lines of code in index.css −* { box-sizing: border-box; } html, body, #root{ width: 100%; height: 100%; margin: 0; ... Read More
To plot swarm plot on top of box plot, at first, set boxplot() and then the swarmplot() with the same x and y values. Box Plot in Seaborn is used to draw a box plot to show distributions with respect to categories. The seaborn.boxplot() is used for this.Swarm Plot in Seaborn is used to draw a categorical scatterplot with non-overlapping points. The seaborn.swarmplot() is used for this.Let’s say the following is our dataset in the form of a CSV file − Cricketers.csvAt first, import the required libraries −import seaborn as sb import pandas as pd import matplotlib.pyplot as pltLoad data from ... Read More
Use the interpolate() method to fill NaN values. Let’s say the following is our CSV file opened in Microsoft Excel with some NaN values −Load data from a CSV file into a Pandas DataFrame −dataFrame = pd.read_csv("C:\Users\amit_\Desktop\SalesData.csv")Fill NaN values with interpolate() −dataFrame.interpolate()ExampleFollowing is the code −import pandas as pd # Load data from a CSV file into a Pandas DataFrame dataFrame = pd.read_csv("C:\Users\amit_\Desktop\SalesData.csv") print("DataFrame...", dataFrame) # fill NaN values with interpolate() res = dataFrame.interpolate() print("DataFrame after interpolation...", res) OutputThis will produce the following output −DataFrame... Car Reg_Price Units 0 BMW ... Read More
In this article, we will see how to drag and drop elements in a list. Drag and drop can be a useful feature when you are making a chat, dating, messenger, or any other similar type of web apps.ExampleFirst install the package "react-beautiful-dnd" −npm i --save react-beautiful-dndThis library will be used to add drag-and-droppable elements inside a list.Add the following lines of code in App.js −import { DragDropContext, Droppable, Draggable } from "reactbeautiful-dnd"; import React, { useState } from "react"; import "./App.css"; const finalSpaceCharacters = [ { id: "gary", name: "Gary Goodspeed", ... Read More
Use the “method” parameter of the fillna() method. For backward fill, use the value ‘bfill’ as shown below −fillna(method='bfill')Let’s say the following is our CSV file opened in Microsoft Excel with some NaN values −At first, import the required library −import pandas as pdLoad data from a CSV file into a Pandas DataFrame −dataFrame = pd.read_csv("C:\Users\amit_\Desktop\SalesData.csv") ExampleFollowing is the code −import pandas as pd # Load data from a CSV file into a Pandas DataFrame dataFrame = pd.read_csv("C:\Users\amit_\Desktop\SalesData.csv") print("DataFrame...", dataFrame) # propagate non null values backward res = dataFrame.fillna(method='bfill') print("DataFrame after backward fill...", res)OutputThis will produce the ... Read More
In this article, we will learn how make an autocomplete and suggestion box in React JS. Autocomplete is one of the basic features that every website has, however implementing it in a React website is very complex and problematic. Here, we will see an easy implementation of autocomplete in React JS.First create a React project −npx create-react-app tutorialpurposeNow go to the project directory −cd tutorialpurposeExampleFirst download a package −npm install --save downshiftThis library is used to add suggestion list for searchbox and the list will be written inside an array.You just copy the following code and change its style and ... Read More
For a grouped Horizontal Bar Chart with all the columns, create a Bar Chart using the barh() and do not set the a and y values.At first, import the required libraries −import pandas as pd import matplotlib.pyplot as pltCreate a DataFrame with 3 columns −dataFrame = pd.DataFrame({"Car": ['Bentley', 'Lexus', 'BMW', 'Mustang', 'Mercedes', 'Jaguar'], "Cubic_Capacity": [2000, 1800, 1500, 2500, 2200, 3000], "Reg_Price": [7000, 1500, 5000, 8000, 9000, 6000], })Plotting grouped Horizontal Bar Chart with all the columns −dataFrame.plot.barh(title='Car Specifications', color=("blue", "orange")) ExampleFollowing is the complete code − import pandas as pd import matplotlib.pyplot as plt # creating dataframe dataFrame = ... Read More