Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
In this article, we will see how to create a scroll to top animation in React JS using the react-spring package.First create a react project −npx create-react-app tutorialpurposeNow go to the project directory −cd tutorialpurposeExampleInstall the react-spring package −npm install react-springreact-spring is used to add Spring concept based animations to our website.Next, Add the following lines of code in App.js −import React, {useState} from 'react' import { useSpring, animated } from 'react-spring' export default function App(){ const [flip, set] = useState(false) const words = ['We', 'came.', 'We', 'saw.', 'We', 'hold', 'it s', ... Read More
Lineplot in Seaborn is used to draw a line plot with possibility of several semantic groupings. The seaborn.lineplot() is used for this. To plot lineplot with entire dataset, simply use the lineplot() and set the complete dataset in it without mentioning the x and y values.Let’s say the following is our dataset in the form of a CSV file − Cricketers2.csvAt first, import the required libraries −import seaborn as sb import pandas as pd import matplotlib.pyplot as pltLoad data from a CSV file into a Pandas DataFrame −dataFrame = pd.read_csv("C:\Users\amit_\Desktop\Cricketers2.csv")Plot lineplot with entire dataset −sb.lineplot(data=dataFrame) ExampleFollowing is the code −import ... Read More
Bar Plot in Seaborn is used to show point estimates and confidence intervals as rectangular bars. The seaborn.barplot() is used. Style the bars using the facecolor, linewidth and edgecolor parameters.Let’s say the following is our dataset in the form of a CSV file −Cricketers2.csvAt first, import the required libraries −import seaborn as sb import pandas as pd import matplotlib.pyplot as pltLoad data from a CSV file into a Pandas DataFrame −dataFrame = pd.read_csv("C:\Users\amit_\Desktop\Cricketers2.csv") Design the bars −sb.barplot(x=dataFrame["Role"], y=dataFrame["Matches"], facecolor=(1, 1, 0, 0), linewidth=4, edgecolor=sb.color_palette("dark", 2))ExampleFollowing is the code − import seaborn as sb import pandas as pd import matplotlib.pyplot as ... Read More
Lottie is an open source animation file format that’s tiny, high quality, interactive, and can be manipulated at runtime. Let us learn how to implement Lottie animation in React.js. Lottie animations are mainly used for loader screen or as a start screen. It is written and implemented in JSON format in our React projects.ExampleGo to the official Lottie animation website and download Lottie JSON.Link to animation the I am going to use − https://lottiefiles.com/74546-character-02#/Name the JSON file "myloader.json" and keep it at the same level as App.js.Now install the react-lottie package −npm i --save react-lottieLottie library will be used to add ... Read More
We can set conditions and fetch DataFrame rows. These conditions can be set using logical operators and even relational operators.At first, import the required pandas libraries −import pandas as pdLet us create a DataFrame and read our CSV file −dataFrame = pd.read_csv("C:\Users\amit_\Desktop\SalesRecords.csv") Fetching dataframe rows with registration price less than 1000. We are using relational operator for this −dataFrame[dataFrame.Reg_Price < 1000]ExampleFollowing is the code −import pandas as pd # reading csv file dataFrame = pd.read_csv("C:\Users\amit_\Desktop\SalesRecords.csv") print("DataFrame...", dataFrame) # count the rows and columns in a DataFrame print("Number of rows and column in our DataFrame = ", dataFrame.shape) ... Read More
In this article, we will see how to create a 3D text using react-threefiber. We will first download the font of JSON and then we will add it in our Text Geometry object. We will add orbit control to it which will allow moving the text on the screen and view the 3D text properly. So, let's get started.ExampleFirst, download important libraries −npm i --save @react-three/fiber threeThis library react-three/fiber will be used to add webGL renderer to the website and to connect threejs and React.Now install a typeface font JSON and put it inside “src” folder. You can download a ... Read More
A market portfolio is an assumed or virtual portfolio where every available type of asset is included in proportion to its market value. An investment portfolio is a group of investments that are owned and managed by one individual or organization. A typical investment portfolio may include numerous types of assets, but usually, it does not include all asset types. A market portfolio, however, virtually includes every asset that is available in the market.How is the market portfolio managed?A market portfolio is created to have the right mix of asset classes to maximize the returns from the investment and to ... Read More
The Capital Asset Pricing Model (CAPM) has some assumptions upon which it is built. Here are the five most influential assumptions of CAPM −The investors are risk-averseCAPM deals with risk-averse investors who do not want to take the risk, yet want to earn the most from their portfolios. Diversification is needed to provide these investors more returns.Choice on the basis of risks and returnsCAPM states that Investors make investment decisions based on risk and return. The return and risk are calculated by the variance and the mean of the portfolio. CAPM reinstates that rational investors discard their diversifiable risks or ... Read More
Portfolio Risk and ReturnThe general standard deviation (SD) of a portfolio is related to −The weighted mean average of each individual variance, andThe generally weighted covariances between all assets in the portfolio of investment.When a new asset is added to a large basket of portfolios with many assets, the new asset alters the portfolio's SD in two ways. It affects −The new asset's own variance, andThe covariance between the new asset and each of the other assets in the portfolio.The net effect of the numerous covariances will be more important than the effect of the asset's own variance. The more ... Read More
Portfolio standard deviation is the general standard deviation of a portfolio of investments of more than one asset. It shows the total risk of the portfolio and is important data in the calculation of the Sharpe ratio.It is a well-known principle of finance that "more the diversification, less is the risk." It is true unless there is a perfect and well-established correlation between the returns on the portfolio investments. To achieve the highest benefits of diversification, the standard deviation of a portfolio of investments should be lower than the general weighted average of each standard deviation of the individual investments.In ... Read More