From 75dcbeca41433c1805603378bf0ea99e479a39a4 Mon Sep 17 00:00:00 2001 From: harshita1611 Date: Sat, 7 Oct 2023 17:56:48 +0530 Subject: [PATCH] completed matplotlib --- src/App.jsx | 11 +- src/Constants/index.js | 11 ++ .../Matplotlib/Intro-to-Matplotlib.jsx | 158 ++++++++++++++++++ 3 files changed, 177 insertions(+), 3 deletions(-) diff --git a/src/App.jsx b/src/App.jsx index 0ddb027..8b0f512 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -5,7 +5,7 @@ import AllApps from "./Python_Library_Pages/AllApps"; import PythonBasics from "./Python_Library_Pages/Python_Basics/Introduction-to-Python"; import NumpyBasics from "./Python_Library_Pages/Numpy/Intro-to-Numpy"; import PandasBasics from "./Python_Library_Pages/Pandas/Intro-to-Pandas"; - +import MatplotlibBasics from "./Python_Library_Pages/Matplotlib/Intro-to-Matplotlib"; const App = () => { return ( @@ -16,20 +16,25 @@ const App = () => { }> } /> + }> - } /> + } /> {/* if we have child element we need added here */} {/* } />I } /> } /> } /> */} + }> - } /> + } /> {/* } /> } /> } /> */} + }> + }/> + {/* remaing routes*/} diff --git a/src/Constants/index.js b/src/Constants/index.js index 7eeaefc..bed2060 100644 --- a/src/Constants/index.js +++ b/src/Constants/index.js @@ -31,5 +31,16 @@ export const subMenusList = [ } ], }, + + { + name: "Matplotlib-Library", + title: "4. Intro to Matplotlib", + children: [ + { + title: "Intro to Matplotlib", + name: "Intro-to-Matplotlib", + } + ], + }, /* remaining contents*/ ]; diff --git a/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx b/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx index e69de29..ac1ee1a 100644 --- a/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx +++ b/src/Python_Library_Pages/Matplotlib/Intro-to-Matplotlib.jsx @@ -0,0 +1,158 @@ +import React from "react"; + +const MatplotlibBasics = () => { + const containerStyle = { + padding: "20px", + background: "#f7f7f7", + padding: "30px", + margin: "20px", + borderRadius: "8px", + boxShadow: "0 4px 8px rgba(0, 0, 0, 0.2)", + }; + + const h1Style = { + color: "#8800ff", + fontSize: "2.5rem", + fontFamily: "Poppins, sans-serif", + }; + + const h2ToH6Style = { + color: "#000000", + fontFamily: "Poppins, sans-serif", + }; + + const paragraphStyle = { + color: "#000000", + fontFamily: "Source Serif 4, serif", + marginBottom: "16px", + }; + + const codeStyle = { + fontFamily: "monospace", + backgroundColor: "#d7d7d7", + padding: "16px", + borderRadius: "4px", + + }; + + const linkStyle = { + color: "#8800ff", + textDecoration: "underline", // Underline the links + }; + + return ( +
+

Introduction to Matplotlib

+

+

+ Matplotlib is a popular Python library used for creating static, + animated, and interactive visualizations in data science and + scientific computing. It provides a wide range of tools for + constructing various types of plots and charts, making it an essential + tool for data analysts, scientists, and engineers. +

+ +

Key Features of Matplotlib

+ +
    +
  • + Simple and Flexible: Matplotlib allows you to create + high-quality visualizations with just a few lines of code, making it + accessible to both beginners and experts. +
    • + {/* Other list items with h2ToH6Style */} +
+

+

Getting Started with Matplotlib

+ +

+ To get started with Matplotlib in Python, you'll typically need to + install it using a package manager like pip and import it into your + Python scripts or Jupyter notebooks. Here's a basic example of creating + a simple line plot using Matplotlib: +

+ + 
+        
+          {`
+import matplotlib.pyplot as plt
+
+# Data
+x = [1, 2, 3, 4, 5]
+y = [2, 4, 6, 8, 10]
+
+# Create a line plot
+plt.plot(x, y)
+
+# Add labels and a title
+plt.xlabel("X-axis")
+plt.ylabel("Y-axis")
+plt.title("Simple Line Plot")
+
+# Show the plot
+plt.show()
+          `}
+        
+
+

+

+ This code snippet creates a basic line plot with labeled axes and a + title. Matplotlib provides extensive documentation and a wealth of + examples to help you explore its capabilities further. +

+ +

+ For more information on fonts, colors, and typography in design systems, + you can refer to{" "} + + this typography guide + . +

+ +

+ Additionally, you can check out the following websites for standard + website design references: +

+ + +
+ ); +}; + +export default MatplotlibBasics;