MOSAID Articles & Tutorials - Latex

How to Set Up Multiple Arabic Fonts for LaTeX on Linux and Windows

2025-01-05T12:55:09+00:00

How to Set Up Arabic Fonts for LaTeX on Linux and Windows

When working with Arabic text in LaTeX documents, selecting the right font can make a significant difference in the appearance of your document. In this article, we will walk you through the steps to download specific Arabic fonts from arfonts.net, install them on both Linux and Windows systems, and demonstrate how to use these fonts in a LaTeX document.

Step 1: Download the Fonts from arfonts.net

To begin, you will need to download the Arabic fonts. Follow these steps:

Visit https://www.arfonts.net/all/downloads.
Browse through the available fonts and download the desired Arabic fonts. You will typically find fonts in .zip or .rar formats.
Extract the downloaded file, which will usually contain .ttf (TrueType Font) files.

The fonts we will use for this demonstration are:

DecoType Thuluth II
Amiri
Noto Naskh Arabic

Step 2: Install the Fonts on Your System

After downloading and extracting the .ttf font files, you need to install them on your system. Below are the installation steps for both Linux and Windows.

Installing Fonts on Linux

Move the font files to the fonts directory:
Copy the .ttf font files into the ~/.fonts directory (you may need to create the directory if it doesn't exist).
```
   

mkdir -p ~/.fonts
cp /path/to/downloaded/fonts/*.ttf ~/.fonts/
```
Update the font cache:
After adding the fonts, you must update the font cache so that the system recognizes the new fonts. Run the following command in your terminal:
```
   

fc-cache -fv
```

Installing Fonts on Windows

Move the font files to the Fonts directory:
Navigate to the folder where the .ttf files were extracted. Right-click on each .ttf file and select Install from the context menu. Alternatively, you can manually move the .ttf files to the C:\Windows\Fonts directory.
Verify the installation:
Open the Fonts folder (C:\Windows\Fonts) and ensure that the font files are listed.

Step 3: Use the Fonts in LaTeX

Now that you've installed the fonts, let's move on to how to use them in your LaTeX document. Below is an example LaTeX document that demonstrates how to use the DecoType Thuluth II, Amiri, and Noto Naskh Arabic fonts for Arabic text. We will also define commands to make it easier to switch between fonts.

LaTeX Example:

    


\documentclass[12pt]{article}
\usepackage[french]{babel} % Main language is French
\usepackage{fontspec} % For custom fonts
\usepackage{bidi} % For bidirectional text in a non-Arabic document

% Define Arabic fonts
\newfontfamily\arabicThuluth[Script=Arabic]{DecoType Thuluth II} % Thuluth font
\newfontfamily\arabicAmiri[Script=Arabic]{Amiri} % Amiri font
\newfontfamily\arabicNaskh[Script=Arabic]{Noto Naskh Arabic} % Naskh font

% Define commands manually
\newcommand{\thuluth}[1]{%
    \begin{RTL}%
    \begin{flushright}%
    {\arabicThuluth #1}%
    \end{flushright}%
    \end{RTL}%
}
\newcommand{\amiri}[1]{%
    \begin{RTL}%
    \begin{flushright}%
    {\arabicAmiri #1}%
    \end{flushright}%
    \end{RTL}%
}
\newcommand{\naskh}[1]{%
    \begin{RTL}%
    \begin{flushright}%
    {\arabicNaskh #1}%
    \end{flushright}%
    \end{RTL}%
}

\begin{document}

\section*{Examen Final}
Voici le texte principal en français.

\vspace{1cm}

% Arabic text in different fonts
\thuluth{
  \Huge 123
  الحمد لله الذي بنعمته تتم الصالحات.}
\amiri{
  \Huge 123
  بسم الله الرحمن الرحيم.}
\naskh{
  \Huge 123
  إن مع العسر يسرا.}

\end{document}

Explanation of the LaTeX Code:

Font Definitions: We define three different Arabic fonts using the \newfontfamily command from the fontspec package:
- \arabicThuluth for DecoType Thuluth II.
- \arabicAmiri for Amiri.
- \arabicNaskh for Noto Naskh Arabic.
Creating Custom Commands: We create custom commands (\thuluth, \amiri, and \naskh) to simplify switching between fonts. Each command uses the corresponding Arabic font and ensures the text is displayed correctly with the RTL (Right-To-Left) environment.
Text Display: The Arabic text is displayed using these custom commands to demonstrate the different fonts.

Step 4: Compile the Document

To compile your LaTeX document with these fonts, you should use either XeLaTeX or LuaLaTeX, as they are both compatible with custom fonts:

Run the following command to compile the document:
```
   

xelatex yourfile.tex
```
This will produce a PDF with Arabic text formatted using the specified fonts like this:

Latex arabic fonts example

Conclusion

By following these simple steps, you can easily download and install Arabic fonts, configure them in your LaTeX documents, and use them to display beautiful Arabic text. Whether you're working on an Arabic document or simply adding a quote in Arabic, these fonts will make your document stand out.

Creating Professional Exams with LaTeX: A Complete Guide

2024-12-08T13:42:19+00:00

Introduction

If you're looking to create professional and structured exams using LaTeX, you're in the right place. Over the years, I’ve found the exam document class to be an incredibly powerful tool for creating exams with questions, solutions, and even point-based grading. What I love most is the flexibility: you can include solutions for personal reference, but when you compile without the answers parameter, they stay hidden—perfect for distributing to students. In this tutorial, I’ll guide you through some practical examples to help you get started.

Preamble and Exam Settings

The preamble in LaTeX is where you set up the structure and configurations for your document. For an exam, this includes defining the document class, setting up page geometry, and importing packages for additional functionality. In this case, we are using the exam document class, which is specifically designed for creating exams with options for solutions, grading, and question formatting.

    

% Typeset exams with solutions in LaTeX
\documentclass[answers,addpoints,12pt,a4paper]{exam}
\usepackage[left=1.5cm,right=0.5cm,top=0cm,bottom=1cm]{geometry}   % Set page margins
% \usepackage[french]{babel}
\usepackage{calligra} % For calligraphy font
\usepackage[T1]{fontenc}
\usepackage{amsmath,amssymb}
\usepackage{tikz} % For drawing the vertical line
\usepackage{xcolor}

\pointname{}
\pointformat{\textbf{\textit{(\thepoints)}}}

% Exam settings
\pointsinmargin
% \colorfillwithlines
% \definecolor{FillWithLinesColor}{gray}{0.8}
\colorfillwithdottedlines
\definecolor{FillWithDottedLinesColor}{gray}{0.7}
\unframedsolutions
\renewcommand{\solutiontitle}{\noindent\textbf{}\enspace}
\SolutionEmphasis{\itshape\small}
\SolutionEmphasis{\color{red}}

The exam settings in the preamble customize the document's layout and functionality. For example, \pointsinmargin places question point values in the margin for a cleaner look, while \colorfillwithdottedlines fills answer spaces with dotted lines to guide students. Solution formatting is also fully customizable: \unframedsolutions removes borders around solutions, and \SolutionEmphasis{\color{red}} highlights them in red. These options allow you to tailor the exam to your preferences and needs.

Question Types

The exam class provides various question types, making it highly versatile for creating exams. If compiled without the answers parameter, you get a clean, professional exam. With the answers parameter, the output includes solutions, perfect for creating a correction guide.

Check Options (Multiple Choice)

    

\question[2]
This question has one correct answer. Mark it.
\begin{checkboxes}
    \choice The correct answer is after the second wrong answer.
    \choice The correct answer is after this answer.
    \choice This is the correct answer.
    \CorrectChoice Previous answers are false.
\end{checkboxes}

\question[1]
Which of the following is not a Greek philosopher?\\
\begin{oneparcheckboxes}
    \choice Socrates
    \choice Plato
    \choice Pythagoras
    \CorrectChoice You
\end{oneparcheckboxes}

Fill in the Blank

    

\question[2] Fill in the blank using the following words:\\
\parbox{0.9\textwidth}{%
  \colorbox{gray!30}{\parbox{\dimexpr\linewidth-2\fboxsep}{%
      \centering
      \textbf{\textit{Helium $-$ Sir Isaac Newton $-$ Alpha Centuri $-$ Einstein}}
  }}
}\\[1ex]
\fillin[Helium] is the second element of the periodic table.\\
\fillin[Sir Isaac Newton][2in] discovered the first gravitational law.\\
The answer to \fillin[life, the universe and everything][3in] is 42

Direct Question with Space for Answers

    

\question[5]
In no more than one paragraph, explain why the earth is round.
\begin{solutionordottedlines}[1.5in]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placerat ac,
adipiscing vitae, felis. Curabitur dictum gravida mauris.
\end{solutionordottedlines}

These examples illustrate how to design and format exams with ease. By toggling the answers parameter, you can switch between a student-ready exam and a solution-rich correction sheet.

The Exam




% Typeset exams with solutions in LaTeX
\documentclass[addpoints, 12pt, a4paper]{exam}
\usepackage[left=1.5cm,right=0.5cm,top=0cm,bottom=1cm]{geometry}   % Set page margins
%\usepackage[french]{babel}
\usepackage{calligra} % For calligraphy font
\usepackage[T1]{fontenc}
\usepackage{amsmath, amssymb}
\usepackage{tikz} % For drawing the vertical line
\usepackage{xcolor}

\pointname{}
\pointformat{\textbf{\textit{(\thepoints)}}}

% Exam settings
\pointsinmargin
%\colorfillwithlines
%\definecolor{FillWithLinesColor}{gray}{0.8}
\colorfillwithdottedlines
\definecolor{FillWithDottedLinesColor}{gray}{0.7}
\unframedsolutions
\renewcommand{\solutiontitle}{\noindent\textbf{}\enspace}
\SolutionEmphasis{\itshape\small}
\SolutionEmphasis{\color{red}}

% Redefine the points display format in margin
\newcommand{\borders}{%
  \tikz[remember picture, overlay, xshift=-0.5cm]{
    \draw[gray, thick] (0,-1.2) -- (0,-27);
    \draw[gray, thick] (0,-1.2) -- (\textwidth,-1.2);
    \node[] at (0.5,-0.25) {\textbf{1\textsuperscript{er} bac S.E}};
    \node[magenta] at (1.1,-0.6) {\textbf{www.mosaid.xyz}};
    \node[xshift=-2cm] at (\textwidth,-0.25) {\textbf{\today}};
    \node[xshift=-5.5cm] (A) at (\textwidth,-0.9)  {\textbf{Name :}};
    \node[xshift=-0.5cm] at (0.5\textwidth,-0.5) {\textbf{English Test n$^\circ$1 /2h}};
    \draw[gray, thick] (A.south west) -- ++(0,0.7) -- ++(6.4,0) ;
    \node[magenta] at (0.9\textwidth,-1.4) {\textbf{www.mosaid.xyz}};
  }%
}


% Redefine \exo command to avoid spacing issues
\newcommand{\exo}[1]{%
    \begin{tikzpicture}
        % Node for the text
        \node[] (text) at (0,0) {\textbf{#1}};
        % Shadow (calculated based on the text width)
        \fill[black] ([xshift=0.1cm, yshift=-0.1cm]text.south west)
                     rectangle ([xshift=0.1cm, yshift=-0.1cm]text.north east);
        % Main box (calculated based on the text width)
        \draw[fill=white] (text.south west) rectangle (text.north east);
        % Text inside the box
        \node[] at (text) {\textbf{#1}};
    \end{tikzpicture}%
}

\footer{}{Page \thepage\ of \numpages}{}

\begin{document}
\borders\\[1cm]

\noindent\hspace*{0.1cm}
\exo{Whatever Subjects English teachers teach \hspace{2mm} (10pts)}

\begin{questions}

\question[2]
This question has one correct answer. Mark it.
\begin{checkboxes}
    \choice The correct answer is after the second wrong answer.
    \choice The correct answer is after this answer.
    \choice This is the correct answer.
    \CorrectChoice Previous answers are false.
\end{checkboxes}

\question[1]
Which of the following is not a Greek philosopher?\\
\begin{oneparcheckboxes}
    \choice Socrates
    \choice Plato
    \choice Pythagoras
    \CorrectChoice You
\end{oneparcheckboxes}

\question[2] Fill in the blank using the following words:\\
\parbox{0.9\textwidth}{%
  \colorbox{gray!30}{\parbox{\dimexpr\linewidth-2\fboxsep}{%
      \centering
      \textbf{\textit{Helium ~$-$~ Sir Isaac Newton ~$-$~ Alpha Centuri ~$-$~ Einstein}}
  }}
}\\[1ex]
\fillin[Helium] is the second element of the periodic table.\\
\fillin[Sir Isaac Newton][2in] discovered the first gravitational law.\\
The answer to \fillin[life, the universe and everything][3in] is 42\\

\noindent \hspace*{-0.6cm}
\exo{Language, writing and other english stuff \hspace{2mm} (10pts)}
\setcounter{question}{0}
\question[5]
In no more than one paragraph, explain why the earth is round.
%\fillwithlines{1.5in}
%\fillwithdottedlines
\begin{solutionordottedlines}[1.5in]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placerat ac,
adipiscing vitae, felis. Curabitur dictum gravida mauris. Nam arcu libero, nonummy eget, consectetuer
id, vulputate a, magna. Donec vehicula augue eu neque. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Mauris ut leo. Cras viverra metus rhoncus sem. Nulla
et lectus vestibulum urna fringilla ultrices. Phasellus eu tellus sit amet tortor gravida placerat. Integer
sapien est, iaculis in, pretium quis, viverra ac, nunc.
\end{solutionordottedlines}
\question
\begin{parts}
\part[2]
What changes to the van Allen radiation belt are needed to make
the earth into a regular icosahedron?
\begin{solutionordottedlines}[1in]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placerat ac,
adipiscing vitae, felis. Curabitur dictum gravida mauris. Nam arcu libero, nonummy eget, consectetuer
id, vulputate a, magna. Donec vehicula augue eu neque.
\end{solutionordottedlines}
\part[3]
Where should the field generator be constructed if you want one of
the vertices to be located at the Royal Observatory at Greenwich?
\begin{solutionordottedlines}[1in]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit, vestibulum ut, placerat ac,
adipiscing vitae, felis. Curabitur dictum gravida mauris. Nam arcu libero, nonummy eget, consectetuer
id, vulputate a, magna. Donec vehicula augue eu neque. Pellentesque habitant morbi tristique senectus
et netus et malesuada fames ac turpis egestas. Mauris ut leo.
\end{solutionordottedlines}
\end{parts}
\end{questions}

%\begin{center}
%\hsword{text}
%\gradetable[h][questions]
%\end{center}

\begin{center}
        {\scalebox{3}{\textbf{\textcolor{blue}{\calligra Good Luck!}}}}
\end{center}

\end{document}

Exam compiled with XeLatex without solutions

And to have your solutions document, all you have to do is compile it using the parameter in the documentclass like this:



\documentclass[answers,addpoints, 12pt, a4paper]{exam}

Exam compiled with XeLatex with solutions

Conclusion

LaTeX is a powerful tool for creating professional exams, offering flexibility in formatting, question types, and solutions. With the exam class, you can easily design multiple-choice, fill-in-the-blank, and direct-answer questions, all while maintaining a clean layout. By toggling the answers parameter, you can switch between student-ready exams and detailed solution sheets for distribution after the test. Whether you're preparing an exam for your class or a correction guide, LaTeX provides the tools you need to create polished, customizable documents with ease.

Manual Order of References in LaTeX

2024-06-06T17:48:46+00:00

In LaTeX, managing the order of references can be crucial for certain types of documents. While BibTeX automates citation management, there are situations where you might want to manually control the order of your references. This article will guide you on how to manually order references in LaTeX.

Why Manual Ordering?

Manual ordering of references might be necessary when:

You have specific requirements from a publisher or institution.
You want to highlight certain references by placing them in a particular order.
You are preparing a simple document with only a few references.

Creating a Manually Ordered Bibliography

Instead of relying on BibTeX, you can manually list your references using the thebibliography environment. Here’s how:

Example LaTeX File (`main.tex`)

    

\documentclass{article}
\usepackage[utf8]{inputenc}

\begin{document}

\title{Sample Document with Manually Ordered References}
\author{Author Name}
\date{\today}

\maketitle

\section{Introduction}
This document cites multiple sources \cite{goossens97}, \cite{lamport94}, \cite{knuth84}, \cite{greenwade93}, \cite{patashnik88}.

\begin{thebibliography}{9}

\bibitem{goossens97}
Michel Goossens, Frank Mittelbach, and Alexander Samarin.
\textit{The \LaTeX\ Companion}.
Addison-Wesley, 1997.

\bibitem{lamport94}
Leslie Lamport.
\textit{\LaTeX: A Document Preparation System}.
Addison-Wesley, 1994.

\bibitem{knuth84}
Donald E. Knuth.
\textit{The \TeX book}.
Addison-Wesley, 1984.

\bibitem{greenwade93}
George D. Greenwade.
"The Comprehensive \TeX\ Archive Network (CTAN)."
\textit{TUGBoat}, 14(3):342--351, 1993.

\bibitem{patashnik88}
Oren Patashnik.
\textit{BibTeXing}.
Oren Patashnik, 1988.

\end{thebibliography}

\end{document}

Steps to Compile

Since this method does not use BibTeX, compiling the document is straightforward:

Run pdflatex main.tex to generate the PDF file directly.

Advantages and Disadvantages

Advantages:

Full control over the order of references.
No need to manage an additional BibTeX file.
Simpler for documents with few references.

Disadvantages:

Less automation, which can lead to more manual work and errors.
Not suitable for documents with many references.
More difficult to maintain if references need to be added or removed frequently.

Conclusion

Manually ordering references in LaTeX is a straightforward process that provides precise control over how references appear in your document. While this method is less automated than using BibTeX, it is beneficial for specific use cases where order and simplicity are important.

How to Use plain and unsrt Bibliography Styles in LaTeX

2024-06-06T17:38:17+00:00

LaTeX provides a powerful way to manage bibliographies using BibTeX. Two common bibliography styles are `plain` and `unsrt`. This article will demonstrate how to use both styles in your LaTeX documents.

Using the `plain` Style

The `plain` style sorts the references alphabetically by the author's last name. Here's an example:

LaTeX File (`main.tex`)

    

\documentclass{article}
\usepackage[utf8]{inputenc}
\usepackage{cite}

\begin{document}

\title{Sample Document}
\author{Author Name}
\date{\today}

\maketitle

\section{Introduction}
This document cites multiple sources \cite{goossens97, lamport94, knuth84, greenwade93, patashnik88}.

\bibliographystyle{plain}
\bibliography{references}

\end{document}

BibTeX File (`references.bib`)

    

@book{patashnik88,
  author    = "Oren Patashnik",
  title     = "BibTeXing",
  year      = "1988",
  publisher = "Oren Patashnik",
  address   = "Stanford, California"
}

@book{lamport94,
  author    = "Leslie Lamport",
  title     = "LaTeX: A Document Preparation System",
  year      = "1994",
  publisher = "Addison-Wesley",
  address   = "Reading, Massachusetts"
}

@book{knuth84,
  author    = "Donald E. Knuth",
  title     = "The TeXbook",
  year      = "1984",
  publisher = "Addison-Wesley",
  address   = "Reading, Massachusetts"
}

@book{goossens97,
  author    = "Michel Goossens and Frank Mittelbach and Alexander Samarin",
  title     = "The LaTeX Companion",
  year      = "1997",
  publisher = "Addison-Wesley",
  address   = "Reading, Massachusetts"
}

@article{greenwade93,
  author    = "George D. Greenwade",
  title     = "The {C}omprehensive {T}e{X} {A}rchive {N}etwork ({CTAN})",
  year      = "1993",
  journal   = "TUGBoat",
  volume    = "14",
  number    = "3",
  pages     = "342--351"
}

In the document above, the bibliography will be sorted alphabetically by the authors' last names.

Latex Bibliography ordered alphabetically

Using the `unsrt` Style

The `unsrt` style lists references in the order they are cited in the document. Here's how to use it:

LaTeX File (`main.tex`)

    

\documentclass{article}
\usepackage[utf8]{inputenc}
\usepackage{cite}

\begin{document}

\title{Sample Document}
\author{Author Name}
\date{\today}

\maketitle

\section{Introduction}
This document cites multiple sources \cite{goossens97, lamport94, knuth84, greenwade93, patashnik88}.

\bibliographystyle{unsrt}
\bibliography{references}

\end{document}

BibTeX File (`references.bib`)

    

@book{patashnik88,
  author    = "Oren Patashnik",
  title     = "BibTeXing",
  year      = "1988",
  publisher = "Oren Patashnik",
  address   = "Stanford, California"
}

@book{lamport94,
  author    = "Leslie Lamport",
  title     = "LaTeX: A Document Preparation System",
  year      = "1994",
  publisher = "Addison-Wesley",
  address   = "Reading, Massachusetts"
}

@book{knuth84,
  author    = "Donald E. Knuth",
  title     = "The TeXbook",
  year      = "1984",
  publisher = "Addison-Wesley",
  address   = "Reading, Massachusetts"
}

@book{goossens97,
  author    = "Michel Goossens and Frank Mittelbach and Alexander Samarin",
  title     = "The LaTeX Companion",
  year      = "1997",
  publisher = "Addison-Wesley",
  address   = "Reading, Massachusetts"
}

@article{greenwade93,
  author    = "George D. Greenwade",
  title     = "The {C}omprehensive {T}e{X} {A}rchive {N}etwork ({CTAN})",
  year      = "1993",
  journal   = "TUGBoat",
  volume    = "14",
  number    = "3",
  pages     = "342--351"
}

In the document above, the bibliography will be listed in the order the references are cited in the text.

Latex Bibliography ordered from bib file

Compiling the Document

To compile your LaTeX document with BibTeX, follow these steps:

Run pdflatex main.tex to generate an initial `.aux` file.
Run bibtex main.aux to generate the bibliography.
Run pdflatex main.tex twice more to update references and generate the final document.

By using these steps and styles, you can control the order of your bibliography entries in LaTeX documents. Choose `plain` for alphabetical order or `unsrt` for citation order.

Creating Visually Stunning Banners for Websites with LaTeX

2024-05-06T16:55:02+00:00

Introduction

In the digital age, where websites compete for attention, visually appealing banners play a crucial role in capturing the interest of visitors. While graphic design software is commonly used for creating banners, LaTeX, a typesetting system primarily used for technical and scientific documents, offers a unique approach to banner design. In this article, we'll explore how to leverage LaTeX, along with the AddToShipoutPictureBG command and the tikz package, to craft visually stunning banners for websites.

The LaTeX Code:



\documentclass[a4paper]{article}
\usepackage[landscape,margin=1cm]{geometry}
\usepackage{tikz}
\usepackage{graphicx}
\usepackage{xcolor}
\usetikzlibrary{calc}
\usepackage{eso-pic}

\AddToShipoutPictureBG{\includegraphics[width=0.5\textwidth]{student.png}}


\begin{document}

\pagecolor{purple!70!red!40}
\thispagestyle{empty}

\begin{tikzpicture}[remember picture,overlay]
    \fill[purple!20,line width=3pt] ($(current page.south east) + (-0.57\paperwidth,0)$) arc (180:0:0.52\paperwidth);
    \draw[blue!50!cyan,line width=3pt] ($(current page.south east) + (-0.56\paperwidth,0)$) arc (180:0:0.51\paperwidth);
    \draw[blue!50!cyan,line width=3pt] ($(current page.south east) + (-0.57\paperwidth,0)$) arc (180:0:0.52\paperwidth);
    \node[blue!45, font=\fontsize{18}{22}\selectfont\bfseries] at ($(current page.south)+(1,0.75)$) {mosaid.xyz};
    \draw[blue!45, line width=2.5pt] ($(current page.south)+(-1,0.5)$) -- ($(current page.south)+(3,0.5)$) ;
\end{tikzpicture}

\vspace*{6.5cm}
\fontsize{38}{48}\selectfont\bfseries
\hspace*{18cm} How To Use\\
\hspace*{16.3cm} \LaTeX~ To Create\\
\hspace*{15cm} Visually Stunning\\
\hspace*{13.8cm} Banners For your\\
\hspace*{13.4cm}Website\\
\end{document}

Overview of the Code

The provided LaTeX code demonstrates the process of creating a banner. It utilizes the article document class with specific options for paper size and landscape orientation. Essential packages such as geometry, tikz, graphicx, and xcolor are included to facilitate layout design, drawing, image handling, and color customization, respectively.

Understanding AddToShipoutPictureBG

The AddToShipoutPictureBG command, employed with the eso-pic package, allows users to add a background image or graphic to every page of the document. In the context of banner creation, this command serves as the foundation for incorporating visual elements that span across the entire banner.

Using TikZ for Drawing

TikZ, a powerful package for creating graphics within LaTeX documents, is utilized to draw the visual elements of the banner. Through TikZ commands, users can design custom shapes, lines, and text, enabling precise control over the banner's appearance. This flexibility empowers designers to unleash their creativity and craft unique banners tailored to their preferences.

Creating the Banner

The banner is constructed using a combination of TikZ commands within the tikzpicture environment. Step-by-step, elements such as arcs, lines, and text are added to compose the banner's layout. Each TikZ command contributes to the overall design, with parameters adjusted to achieve desired sizes, positions, and styles.

Visual Effects and Styling

The code incorporates visual effects and styling techniques to enhance the banner's appeal. The pagecolor command is employed to set the background color of the page, while colors, line widths, and shapes are carefully chosen to create a visually engaging composition. By experimenting with different color schemes and design elements, users can customize the banner to suit various website themes and aesthetics.

Conclusion

In conclusion, LaTeX offers a unique and versatile platform for creating visually stunning banners for websites. By harnessing the power of the AddToShipoutPictureBG command and the tikz package, designers can unleash their creativity and produce banners that captivate audiences. Whether it's for personal blogs, professional portfolios, or corporate websites, LaTeX provides a compelling alternative for banner design that merges elegance with functionality.

References

TikZ and PGF Documentation: https://www.ctan.org/pkg/pgf
LaTeX Graphics Companion: https://www.ctan.org/pkg/latex-graphics-companion

How to Create Circular Profile Pictures in LaTeX: A Step-by-Step Guide

2024-05-04T20:28:58+00:00

In today's digital age, presenting oneself professionally is paramount, whether it's for a CV, seminar poster, or professional profile. A key element of this presentation is the profile picture. While rectangular images are common, circular profile pictures can add a touch of elegance and professionalism to your documents. In this tutorial, we'll explore how to create circular profile pictures in LaTeX, a powerful typesetting system widely used for academic and professional documents.

Step 1: Preparing the LaTeX Environment

To begin, ensure you have LaTeX installed on your system. LaTeX distributions such as TeX Live and MiKTeX are freely available and easy to install on most operating systems.

Step 2: Writing the LaTeX Code

Below is a sample LaTeX code that creates circular profile pictures:



\documentclass{standalone}
\standaloneconfig{margin=2mm}
\usepackage{tikz}
\usepackage{graphicx}
\usepackage{ragged2e}

% Define the radius of the outer circle
\def\outerRadius{2.2cm}
% Define the radius of the inner circle
\def\innerRadius{2cm}

% Get the natural width of the image
\newlength{\imgwidth}

\newcommand\pic[2]{
    \begin{tikzpicture}
      \begin{scope}
        \draw[yellow] (0,0) circle (\outerRadius);
        \draw[yellow] (0,0) circle (\innerRadius);

        \fill[yellow] (0,0) circle (\outerRadius) -- (0,0) circle (\innerRadius);

        % Clip the image to the shape of the inner circle
        \clip (0,0) circle (\innerRadius);

        % Calculate the correct width to fit the image perfectly inside the inner circle
        \settowidth{\imgwidth}{\includegraphics{#1}}
        \pgfmathsetmacro{\scalefactor}{\innerRadius / (0.5 * \imgwidth)}

        % Include the image inside the inner circle with the calculated width
        \node at (0,0) {\includegraphics[scale=\scalefactor]{#1}};
      \end{scope}
      \node[blue,below, font=\Large\bfseries, align=center, inner sep=2pt, minimum width=2cm, minimum height=2cm, text width=3.5cm, text badly centered] at (0,-\outerRadius) {\Centering #2};
    \end{tikzpicture}
}


\begin{document}

\pic{outputimage.jpg}{Dr. Ethan Thompson}
\pic{female.png}{PhD. Sophia Rodriguez}
\pic{13mlw3.jpg}{Mia Anderson}
\pic{ef153.jpg}{Dr Mohamed Ali Soltan}

\end{document}

It will give this figure:

Profile pictures with LaTeX

Explanation

The LaTeX code utilizes the standalone document class to generate standalone images.
It makes use of the tikz package for drawing graphics and the graphicx package for including images.
The \pic command is defined to create circular profile pictures with names or titles below them.

Conclusion

In conclusion, by following the steps outlined in this tutorial, you can easily create circular profile pictures in LaTeX for use in CVs, seminar posters, and other professional documents. This simple yet effective technique adds a touch of professionalism to your presentations, helping you stand out in the competitive world of academia and beyond. Experiment with different styles and sizes to find the perfect look for your documents. Happy typesetting!

Enhance LaTeX Efficiency: Divide and Conquer with input Command

2024-04-15T18:43:18+00:00

Writing in LaTeX offers unparalleled control and precision, but as projects grow in complexity, keeping everything organized becomes paramount. Breaking down your document into smaller, manageable files not only enhances clarity but also facilitates collaboration and maintenance. In this guide, we'll explore strategies for organizing LaTeX documents across multiple files and leveraging the \input command to merge them seamlessly into a cohesive whole. Additionally, we'll delve into optimizing your workflow with separate files for packages, definitions, commands, and shortcuts, ensuring efficiency and consistency throughout your LaTeX endeavors.

1. Divide and Conquer: Organizing Your Project

When embarking on a LaTeX project, resist the temptation to cram everything into a single file. Instead, adopt a modular approach by breaking down your document into logical sections. For instance, a research paper could consist of separate files for the introduction, literature review, methodology, results, and conclusion. Similarly, a thesis might comprise chapters stored in individual files.

Here's a basic project structure:



project/
│
├── main.tex
├── sections/
│   ├── introduction.tex
│   ├── literature.tex
│   ├── methodology.tex
│   ├── results.tex
│   └── conclusion.tex
├── packages.tex
├── definitions.tex
└── shortcuts.tex

2. Using `\input` command

The \input command in LaTeX allows you to incorporate the contents of one file into another. This feature proves invaluable for assembling a coherent document from multiple components. To include a file, simply use the \input command followed by the file's path relative to the main document.

In main.tex, you might have:



\documentclass{article}
\input{packages.tex}       % Include packages
\input{definitions.tex}    % Include definitions
\input{shortcuts.tex}      % Include shortcuts

\begin{document}
\input{sections/introduction.tex}   % Include sections
\input{sections/literature.tex}
\input{sections/methodology.tex}
\input{sections/results.tex}
\input{sections/conclusion.tex}
\end{document}

3. Streamlining Your Workflow with Separate Files

a. Packages:

Keep your document preamble clean by storing package imports in a separate file (packages.tex). This file should contain all necessary \usepackage commands.

b. Definitions:

Store custom commands and environments in definitions.tex. This centralizes your document's key definitions, enhancing readability and maintainability.

c. Shortcuts:

For frequently used commands, such as mathematical symbols or formatting macros, maintain a comprehensive shortcuts.tex file. This file should contain a collection of shortcuts tailored to your preferences and commonly used symbols. For example, you might define shortcuts like \cA to \cZ for \mathcal{A} through \mathcal{Z}, \sA to \sZ for \mathscr{A} through \mathscr{Z}, and so on.

By centralizing your shortcuts in one file, you can easily incorporate them into any LaTeX document by simply including \input{shortcuts.tex} in your preamble. This approach streamlines your workflow and ensures consistency across your documents.

4. Best Practices and Tips

•Naming Conventions: Adopt a consistent naming convention for your files and variables to avoid confusion.

•Version Control: Utilize version control systems like Git to track changes and collaborate effectively.

•Documentation: Include comments and documentation within your LaTeX files to aid understanding and future modifications.

5. Conclusion

Organizing LaTeX documents across multiple files offers numerous benefits, from improved clarity and maintainability to enhanced collaboration and efficiency. By dividing your project into modular components and leveraging the \input command, you can streamline your workflow and create polished, professional documents with ease.

Incorporate these strategies into your LaTeX workflow to unlock the full potential of this powerful typesetting system, and watch as your productivity soars.

Get Started with LaTeX: A Step-by-Step Beginner's Tutorial

2024-04-05T16:16:17+00:00

Getting Started with LaTeX: A Beginner's Guide

Introduction: LaTeX is a powerful typesetting system commonly used for creating documents with professional quality typesetting. It's particularly popular among academics, scientists, and researchers for writing papers, theses, and technical documents. This beginner's guide aims to introduce you to the basics of LaTeX and help you get started on your journey to creating beautifully formatted documents.

What is LaTeX?

LaTeX, pronounced "lay-tech" or "lah-tech," is a typesetting system that allows users to create documents with high-quality typesetting. Unlike word processors such as Microsoft Word, LaTeX uses markup language to define document structure and formatting. This separation of content and presentation enables users to focus on the content while LaTeX takes care of the formatting.

Getting Started:

To start using LaTeX, you'll need to install a LaTeX distribution such as TeX Live (available for Windows, macOS, and Linux) or MiKTeX (Windows). These distributions include all the necessary tools and packages to work with LaTeX.

Once you have LaTeX installed, you'll typically use a text editor to write your LaTeX documents. Popular choices include TeXworks, TeXShop, and Overleaf (an online LaTeX editor). Simply open your chosen text editor and create a new file with a .tex extension.

Basic Structure:

A LaTeX document typically consists of two main parts: the preamble and the document body.

Preamble: The preamble comes before the \begin{document} command and is where you define the document class, load packages, and set document-wide formatting options.
Document Body: The document body is where you write the actual content of your document. This includes text, headings, lists, equations, tables, and more.

A schematic view of a document

Example:

    

\documentclass{article}
\usepackage[utf8]{inputenc}
\usepackage{amsmath}

\title{My First LaTeX Document}
\author{Your Name}
\date{\today}

\begin{document}

\maketitle

\section{Introduction}
This is the introduction to my document.

\section{Main Content}
Here's some text in the main body of the document.

\subsection{Subsection}
This is a subsection.

\subsubsection{Subsubsection}
And this is a subsubsection.

\section{Conclusion}
Finally, we conclude our document.

\end{document}

Compiling Your Document:

Once you've written your LaTeX document, you'll need to compile it to produce a PDF output. Most LaTeX editors provide a button or menu option to compile your document.

During the compilation process, LaTeX will process your source code, generate the necessary auxiliary files, and produce the final PDF output.

Conclusion:

This beginner's guide has covered the basics of LaTeX, including document structure, formatting, and compilation. As you continue to work with LaTeX, you'll discover its many powerful features for creating professional-quality documents.

To further enhance your LaTeX skills, consider exploring more advanced topics such as customizing document layouts, using additional packages for specialized formatting, and creating bibliographies and citations.

With practice and patience, you'll become proficient in LaTeX and be able to produce beautifully formatted documents for your academic and professional needs.

Create Stunning LaTeX Figures with GeoGebra: Step-by-Step Tutorial

2024-02-24T20:53:20+00:00

Introduction

In this article, I'll guide you through the process of using GeoGebra to generate LaTeX TikZ figures, empowering you to create high-quality mathematical illustrations for your documents and presentations. GeoGebra is a versatile tool widely used by educators, researchers, and professionals for its intuitive interface and powerful features in geometry, algebra, calculus, and more. LaTeX TikZ, on the other hand, is a popular package for generating vector graphics directly within LaTeX documents, offering precise control over figure design and layout.

By harnessing the capabilities of GeoGebra and seamlessly integrating them with LaTeX TikZ, you can produce visually appealing mathematical figures that enhance the clarity and impact of your work. Whether you're a student writing a report, a researcher preparing a paper, or a teacher creating educational materials, mastering this combination of tools will significantly elevate the quality of your mathematical illustrations.

Exporting Figures to LaTeX TikZ

To incorporate your GeoGebra figures into LaTeX documents, you can export them to TikZ format following these steps:

1. Exporting from GeoGebra:

In GeoGebra, select the figure you want to export and navigate to the "File" menu. Choose the "Download as" option, then select "PGF/TikZ." Save the exported TikZ code to a file with a .tex extension.

Export GeoGebra figure to LaTeX TikZ

2. Integrating into LaTeX Documents:

In your LaTeX document, use the \begin{tikzpicture}...\end{tikzpicture} environment to embed the TikZ code. You may need to adjust the code or add additional LaTeX packages depending on your document's requirements.

By exporting figures from GeoGebra to LaTeX TikZ, you can seamlessly integrate dynamic mathematical illustrations into your LaTeX documents.

the above figure rsults in the following LaTeX TikZ code:

    

\documentclass[10pt]{article}
\usepackage{pgfplots}
\pgfplotsset{compat=1.15}
\usepackage{mathrsfs}
\usetikzlibrary{arrows}
\pagestyle{empty}
\begin{document}
\definecolor{qqqqff}{rgb}{0,0,1}
\begin{tikzpicture}[line cap=round,line join=round,>=triangle 45,x=1cm,y=1cm]
\begin{axis}[
x=1cm,y=1cm,
axis lines=middle,
ymajorgrids=true,
xmajorgrids=true,
xmin=-9.740000000000004,
xmax=9.74,
ymin=-6.62,
ymax=6.62,
xtick={-9,-8,...,9},
ytick={-6,-5,...,6},]
\clip(-9.74,-6.62) rectangle (9.74,6.62);
\draw[line width=2pt,dash pattern=on 1pt off 1pt,fill=black,fill opacity=0.25](-9.74,6.62)--(-9.74,-6.62)--(9.74,-6.62)--(9.74,-5.16)--(-7.93,6.62);
\draw [rotate around={0:(-1,0.5)},line width=2pt,dash pattern=on 1pt off 1pt,fill=black,fill opacity=0.25] (-1,0.5) ellipse (4.153311931459037cm and 4.153311931459037cm);
\draw[line width=2pt,dash pattern=on 1pt off 1pt,color=qqqqff,fill=qqqqff,fill opacity=0.25](9.74,0.82)--(-9.74,-1.9628571428571444)--(-9.74,-1.9628571428571444)--(-9.74,-6.62)--(9.74,-6.62)--(9.74,0.82);
\end{axis}
\end{tikzpicture}
\end{document}

The standalone tikzpicture

Advantages of Using GeoGebra for LaTeX Figures

GeoGebra offers several advantages for generating figures in LaTeX documents:

1. Interactive Visualization:

GeoGebra allows users to create dynamic and interactive mathematical constructions, enabling readers to explore concepts and relationships directly within the document.

2. Ease of Use:

With its intuitive interface and user-friendly tools, GeoGebra makes it easy for users of all levels to create complex mathematical figures efficiently.

3. Versatility:

GeoGebra supports a wide range of mathematical topics, including geometry, algebra, calculus, statistics, and 3D modeling, making it suitable for various types of figures and illustrations.

4. Export Options:

GeoGebra provides seamless integration with LaTeX through its export feature, allowing users to export figures in TikZ format for direct inclusion in LaTeX documents.

5. Consistency:

By generating figures directly from GeoGebra, users can ensure consistency in style and formatting throughout their LaTeX documents, enhancing the overall coherence of the presentation.

Overall, leveraging GeoGebra for LaTeX figures enhances the quality, interactivity, and coherence of mathematical illustrations in academic and technical writing.

Advanced Techniques and Tips

Explore advanced techniques and tips to enhance your GeoGebra-generated LaTeX TikZ figures:

1. Animating Figures:

GeoGebra allows for the creation of animated figures. Incorporate animations into your LaTeX presentations or documents for dynamic and engaging mathematical illustrations.

2. Optimizing TikZ Code:

Optimize the TikZ code generated by GeoGebra for efficiency. Consider reducing file size and improving rendering speed by refining the exported code as needed.

By mastering these advanced techniques, you can elevate the visual impact of your mathematical illustrations in LaTeX documents.

Animating Figures

Animating figures in GeoGebra adds an interactive dimension to your mathematical illustrations. Below is an example of how to animate a simple geometric construction:

Create a triangle ABC using GeoGebra's drawing tools.
Construct the perpendicular bisectors of each side of the triangle to find the circumcenter.
As you animate the vertices of the triangle, observe how the circumcenter moves accordingly.

Export the animated figure to LaTeX TikZ format to seamlessly integrate it into your documents or presentations. Animations like this can enhance understanding and engagement with mathematical concepts.

Conclusion

Integrating GeoGebra with LaTeX TikZ provides a powerful solution for creating high-quality mathematical illustrations. By following the steps outlined in this guide, you can harness the dynamic capabilities of GeoGebra to generate precise figures and seamlessly incorporate them into your LaTeX documents.

From basic geometry constructions to advanced animations, GeoGebra offers a versatile toolkit for visualizing mathematical concepts. By exporting figures to LaTeX TikZ format, you ensure compatibility with LaTeX documents while maintaining the flexibility and interactivity of GeoGebra.

Empower your academic and technical writing with clear and compelling mathematical illustrations generated through GeoGebra and LaTeX TikZ, enhancing the clarity and impact of your work.

As you delve into the world of GeoGebra and LaTeX TikZ, I encourage you to continue exploring and experimenting with advanced features:

Explore more advanced features and techniques offered by GeoGebra, such as 3D modeling, scripting, and custom app development, to take your mathematical illustrations to the next level.

Connect with the GeoGebra and LaTeX communities to exchange ideas, seek advice, and share your own creations. Collaboration can provide valuable insights and inspiration for your projects.

Keep an open mind and embrace creativity as you experiment with different approaches to mathematical visualization. Don't be afraid to think outside the box and push the boundaries of traditional illustration methods.

By embracing curiosity and creativity, you'll unlock endless possibilities for creating captivating and informative mathematical illustrations with GeoGebra and LaTeX TikZ.

Additional Resources

Explore these additional resources to further enhance your skills in using GeoGebra and LaTeX TikZ:

1. GeoGebra Tutorials and Documentation:

Visit the official GeoGebra website for tutorials, documentation, and user guides to help you master the various features and functionalities of GeoGebra.

2. LaTeX Documentation and Forums:

Refer to LaTeX documentation and online forums such as Stack Exchange for LaTeX to find answers to specific questions, troubleshoot issues, and learn advanced LaTeX techniques.

3. Online Communities and Forums:

Join online communities and forums dedicated to GeoGebra and LaTeX to connect with other users, share tips and tricks, and stay updated on the latest developments in mathematical illustration.

Creating GIF Animations from LaTeX Figures: A Comprehensive Tutorial

2024-02-13T20:50:44+00:00

Introduction:

Welcome to this tutorial on creating animated mathematical plots using LaTeX and TikZ. LaTeX offers powerful tools for generating dynamic documents, and in this tutorial, we'll explore how to create animated GIFs illustrating mathematical functions. Specifically, we'll generate a series of PDF pages depicting the sine function graph alongside the unit circle, which we'll then convert into a GIF animation.

Purpose of the Script:

The LaTeX script I'll share produces a sequence of PDF pages showing the graph of the sine function and its relationship with the unit circle. By converting these PDF pages into a GIF animation, we can visually demonstrate the behavior of the function and its connection to the unit circle.

Breakdown of the Script:

1. Setting up the environment

    

\documentclass[tikz]{standalone}
\usepackage{amsmath,amssymb}
\usepackage{pgfplots}

\pgfplotsset{compat=1.13}
\usepgfplotslibrary{fillbetween}

\begin{document}

\begin{tikzpicture}
\begin{axis}[
    set layers,
    x=1.5cm,y=1.5cm,
    xmin=-3.7, xmax=8.2,
    ymin=-1.5, ymax=1.5,
    axis lines=center,
    axis on top,
    xtick={2,4,6,8},
    ytick={-1,-.5,.5,1},
    xticklabels={$90^{\circ} (\pi/2)$, $180^{\circ} (\pi)$, $270^{\circ} (3\pi/2)$,$360^{\circ} (2\pi)$},
    xticklabel style={font=\tiny},
    yticklabels={-1,-0.5,0.5,1},
    ylabel={$\sin(x)$}, y label style={anchor=west},
    xlabel={$x$}, x label style={anchor=south},
]
\end{axis}
\end{tikzpicture}
\end{document}

We'll start by setting up the environment for our plot. We begin by defining the axis environment using the axis environment provided by the pgfplots package. Within this environment, we specify various properties such as the size of the plot (x=1.5cm, y=1.5cm), the range of values for the x and y axes (xmin=-3.7, xmax=8.2, ymin=-1.5, ymax=1.5), and the appearance of the axis lines (axis lines=center). Additionally, we customize the appearance of the tick marks and labels on both axes using the xtick, ytick, xticklabels, and yticklabels options.

To enhance readability, we format the x-axis tick labels to display angles in degrees along with their corresponding radians. This is achieved using the xticklabels option combined with LaTeX formatting commands. Furthermore, we specify labels for the x and y axes using the xlabel and ylabel options, along with their respective styles to control their placement (anchor=west for the y-axis label and anchor=south for the x-axis label).

By setting up the environment in this manner, we ensure that our plot is properly configured with appropriate axis limits, tick marks, and labels, providing a solid foundation for visualizing the sine function and its relationship with the unit circle.

The axis figure

2. The canvas and x-axis

    

\pgfonlayer{pre main}
\addplot [fill=white] coordinates {(-4,-2) (8.5,-2) (8.5,2) (-4,2)} \closedcycle;
\endpgfonlayer

\path[name path=xaxis] (axis cs:-4,0) -- (axis cs:8,0);
\coordinate (O) at (axis cs:0,0);

Next, we utilize the \pgfonlayer{pre main} command to specify a new layer for drawing elements prior to the main plot. Within this layer, we use the \addplot command to draw a filled shape. The coordinates keyword specifies the vertices of the shape, which form a rectangle with corners at (-4,-2), (8.5,-2), (8.5,2), and (-4,2). The \closedcycle command ensures that the shape is closed, creating a closed region. Finally, the \endpgfonlayer command closes the pre-main layer, completing the setup for this portion of the plot. This code segment is crucial as it defines a background rectangle that serves as the backdrop for the main plot, enhancing its visual clarity and providing a reference frame for the subsequent graphical elements.

Next, we define the x-axis for later reference by using the \path command to create a path named name path=xaxis. This path spans from the point (-4,0) to (8,0) within the axis coordinate system. Additionally, we define a coordinate named (O) at the origin of the axis, denoted as (0,0) in the axis coordinate system. These steps are crucial for subsequent calculations and graphical elements, as they establish a reference line for the x-axis and a reference point at the origin.

3. plot and circle

    

% plot and circle
\addplot [samples=100,domain=0:8, name path=myplot](\x,{3 * sin(\x*45)/pi});
\draw[name path=circle] (axis cs:-2.5,0) circle (1.5cm);

Next, we proceed to plot the sine function and draw the unit circle. The \addplot command is used to plot the sine function, specifying 100 samples over the domain [0,8] using the samples and domain options. The mathematical expression for the sine function is provided as {3 * sin(\x*45)/pi}, where \x represents the variable of the function. Additionally, we name the path of this plot as myplot using the name path=myplot option.

For the unit circle, we use the \draw command to draw a circle centered at (-2.5,0) with a radius of 1.5cm. This is achieved by specifying the center coordinates and the radius within parentheses. The resulting circle is named circle using the name path=circle option. These elements form the basis for visualizing the sine function alongside the unit circle, providing valuable insights into their relationship.

Plot and trigonometric circle

4. fill in circle and plot

    

% fill in circle
\draw[black,fill=blue!40] (axis cs:-2.5,0) -- (axis cs:-1.5,0) arc (0:45:1.5cm) coordinate (cc) -- cycle;
% fill in plot
\addplot[blue!30] fill between[of=xaxis and myplot, soft clip={domain=-1:1.5}];

Here, we fill the area inside the unit circle and plot a segment of the sine function. The shape is drawn with a blue fill color, starting at (-2.5,0), moving to (-1.5,0), and tracing an arc from 0 to 45 degrees along the unit circle (We'll generate figures for other angle values using a variable \mainangle later). The coordinate (cc) is defined at the end of the arc, and the shape is closed to form a closed region.

We also fill a part of the plot between the x-axis (defined as 'xaxis') and the sine function plot (defined as 'myplot'). The 'soft clip' option restricts the filling to the specified domain, which will later be represented by the variable \mark. This variable will be dynamically adjusted to fill different parts of the plot based on its value, all the different figures will be making the gif animation.

Fill in the plot and circle

\path[name path=mark] (axis cs:\mark,-1) -- (axis cs:\mark,1);

Here, we define a path named 'mark' using the \path command. This path spans from the point with x-coordinate equal to the value of \mark and y-coordinates -1 and 1 within the axis coordinate system. This path will be used later to find the intersection with the sine function plot.

\path[name intersections={of=mark and myplot,by=cp}];

This command finds the intersection point between the 'mark' path and the sine function plot ('myplot'). The intersection point is named 'cp' and will be used for further calculations.

% small circles \draw (cc) circle (3pt); \draw (cp) circle (3pt);

These commands draw small circles at the coordinates 'cc' and 'cp', which represent the end point of the arc and the intersection point, respectively.

\draw (cc) -- (cp) -- (cp|-O);

This command draws lines connecting the points 'cc' and 'cp', as well as 'cp' and the x-axis ('O'). The notation 'cp|-O' specifies the point where the vertical line from 'cp' intersects the x-axis, ensuring the line extends to the x-axis. Basically (cp|-O) creates a new coordinate with the x-coordinate from cp and the y-coordinate from O. This effectively creates a vertical line from the point cp down to the x-axis, intersecting it at the same x-coordinate as cp.

The whole figure

5. Generating multiple figures

    

\foreach \mainangle [count=\xx, evaluate=\mainangle as \mark using (\mainangle/45)] in {0,5,...,355,360}{
\begin{tikzpicture}
.....

We're using a for loop to generate figures for different values of angles, In this for loop, \mainangle iterates over angles from 0 to 360 degrees with a step size of 5 degrees. For each iteration, \mark is calculated as \mainangle divided by 45. The generated figures will display different segments of the sine function along with the corresponding unit circle arcs for each value of \mainangle and \mark. The conditional statement ensures that the fill between the x-axis and the sine function plot is applied only when \mainangle exceeds 5 degrees.

The full latex code

    


\documentclass[tikz]{standalone}
\usepackage{amsmath,amssymb}
\usepackage{pgfplots}

\pgfplotsset{compat=1.13}
\usepgfplotslibrary{fillbetween}

\begin{document}
\foreach \mainangle [count=\xx, evaluate=\mainangle as \mark using (\mainangle/45)] in {0,5,...,355,360}{
\begin{tikzpicture}
\begin{axis}[
    set layers,
    x=1.5cm,y=1.5cm,
    xmin=-3.7, xmax=8.2,
    ymin=-1.5, ymax=1.5,
    axis lines=center,
    axis on top,
    xtick={2,4,6,8},
    ytick={-1,-.5,.5,1},
    xticklabels={$90^{\circ} (\pi/2)$, $180^{\circ} (\pi)$, $270^{\circ} (3\pi/2)$,$360^{\circ} (2\pi)$},
    xticklabel style={font=\tiny},
    yticklabels={-1,-0.5,0.5,1},
    ylabel={$\sin(x)$}, y label style={anchor=west},
    xlabel={$x$}, x label style={anchor=south},
]
\pgfonlayer{pre main}
\addplot [fill=white] coordinates {(-4,-2) (8.5,-2) (8.5,2) (-4,2)} \closedcycle;
\endpgfonlayer

\path[name path=xaxis] (axis cs:-4,0) -- (axis cs:8,0);
\coordinate (O) at (axis cs:0,0);

% plot and circle
\addplot [samples=100,domain=0:8, name path=myplot](\x,{3 * sin(\x*45)/pi});
\draw[name path=circle] (axis cs:-2.5,0) circle (1.5cm);

% fill in circle and plot
\draw[black,fill=blue!40] (axis cs:-2.5,0) -- (axis cs:-1.5,0) arc (0:\mainangle:1.5cm) coordinate (cc) -- cycle;
\ifnum\mainangle>5
\addplot[blue!30] fill between[of=xaxis and myplot, soft clip={domain=-1:\mark}];
\fi

\path[name path=mark] (axis cs:\mark,-1) -- (axis cs:\mark,1);
\path[name intersections={of=mark and myplot,by=cp}];
% small circles
\draw (cc) circle (3pt);
\draw (cp) circle (3pt);
\draw (cc) -- (cp) -- (cp|-O);

\end{axis}
\end{tikzpicture}}
\end{document}

Convert PDF to GIF using ImageMagick

Finally, we use ImageMagick's convert command to create a GIF from all the figures generated. We specify the following parameters:

    

convert -density 160 -delay 8 -loop 0 -background white -alpha remove sinus-gif.pdf test.gif

Explanation of parameters:

<ul>

-density 160: Specifies the density of the input PDF file. Higher density results in better image quality.

-delay 8: Specifies the delay between frames in the resulting GIF, in hundredths of a second.

-loop 0: Specifies that the GIF should loop indefinitely.

-background white: Specifies the background color for the GIF.

-alpha remove: Removes any alpha channel from the images.

sinus-gif.pdf: Specifies the input PDF file containing all the figures generated.

test.gif: Specifies the output GIF file to be created.

Running this command will convert the PDF file containing all the figures into a GIF animation named test.gif, which will loop indefinitely with a delay of 0.08 seconds between frames. Adjust the parameters as needed for your specific requirements.

The final animation

Feel free to experiment with the provided script and modify it to create different types of animated plots. Additionally, I recommend exploring additional resources and tutorials on LaTeX, TikZ, and pgfplots for further learning.

Conclusion:

Creating animated mathematical plots with LaTeX and TikZ opens up exciting possibilities for visualizing mathematical concepts. By mastering the techniques demonstrated in this tutorial, you can create dynamic and engaging visualizations for your LaTeX documents and presentations. I hope this tutorial inspires you to explore the world of animated plots in LaTeX. Let's get started and bring our mathematical functions to life!

How to Create Beautiful Atomic Structures with TikZ and LaTeX

2023-04-11T18:00:30+00:00

In this article, I’m going to show you how to draw atomic nuclei and visualize protons and neutrons using the powerful TikZ package in LaTeX. Let’s get started!

It All Starts with Protons and Neutrons

We’ll begin by defining the protons and neutrons using the following commands:

    
pics/proton/.style={code={\shade[ball color=red] circle (3pt);}},
pics/neutron/.style={code={\shade[ball color=white] circle (3pt);}},

These commands allow us to draw small red and white balls whenever we call \pic (x,y) {proton};. Next, we’ll add this code to generate the nucleus:

    
\pgfmathsetseed{#1+1}
\foreach \A/\R in {8/0.2, 5/0.13, 1/0}{
    \pgfmathsetmacro{\S}{360/\A}
    \foreach \B in {0,\S,...,360}{
        \pgfmathrandomitem{\C}{nucleon}
        \pic at ($(\B+2*\A+5*rnd:\R)$) {\C};
    }
}

This defines another pic command called nucleussmall. In this macro, we declare a random list using \pgfmathdeclarerandomlist which contains two protons and three neutrons. When called, this list will randomly generate protons and neutrons with probabilities of 2/5 and 3/5, respectively.

•Random Seed Initialization: \pgfmathsetseed{#1+1}
This sets the random number generator’s seed based on the parameter #1 to ensure different arrangements for each nucleus.

•Ring Creation: \foreach \A/\R in {8/0.2, 5/0.13, 1/0}
This creates three rings of nucleons with decreasing radii. \A defines the number of nucleons per ring, and \R defines the ring radius.

•Angle Calculation: \pgfmathsetmacro{\S}{360/\A}
Calculates the angular spacing between nucleons in each ring.

•Random Nucleon Placement: \pic at ($(\B+2*\A+5*rnd:\R)$) {\C};
This places a nucleon at a position determined by the current angle, random offsets, and the ring’s radius using the TikZ calc library’s coordinate calculation syntax ($...$).

That’s essentially the core logic. We use the same approach to define larger nuclei. Here’s the complete document:

    
\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{calc}

\begin{document}

\begin{tikzpicture}
\tikzset{
    pics/proton/.style={code={\shade[ball color=red] circle (3pt);}},
    pics/neutron/.style={code={\shade[ball color=white] circle (3pt);}},
    pics/nucleussmall/.style={code={%
        \pgfmathdeclarerandomlist{nucleon}{{proton}{proton}{neutron}{neutron}{neutron}}
        \pgfmathsetseed{#1+1}
        \foreach \A/\R in {8/0.2, 5/0.13, 1/0}{
            \pgfmathsetmacro{\S}{360/\A}
            \foreach \B in {0,\S,...,360}{
                \pgfmathrandomitem{\C}{nucleon}
                \pic at ($(\B+2*\A+5*rnd:\R)$) {\C};
            }
        }
    }},
    pics/nucleusbig/.style={code={%
        \pgfmathdeclarerandomlist{nucleon}{{proton}{proton}{neutron}{neutron}{neutron}}
        \pgfmathsetseed{#1+1}
        \foreach \A/\R in {24/0.4, 24/0.3, 24/0.2, 13/0.35, 11/0.27, 6/0.15, 1/0}{
            \pgfmathsetmacro{\S}{360/\A}
            \foreach \B in {0,\S,...,360}{
                \pgfmathrandomitem{\C}{nucleon}
                \pic at ($(\B+2*\A+5*rnd:\R)$) {\C};
            }
        }
    }},
    pics/nucleusbiggest/.style={code={%
        \pgfmathdeclarerandomlist{nucleon}{{proton}{proton}{neutron}{neutron}{neutron}}
        \pgfmathsetseed{#1+1}
        \foreach \A/\R in {24/0.5, 24/0.4, 24/0.3, 24/0.2, 13/0.47, 15/0.44, 13/0.37, 11/0.27, 6/0.15, 1/0}{
            \pgfmathsetmacro{\S}{360/\A}
            \foreach \B in {0,\S,...,360}{
                \pgfmathrandomitem{\C}{nucleon}
                \pic at ($(\B+2*\A+5*rnd:\R)$) {\C};
            }
        }
    }},
}
\pic at (0,0) {nucleussmall};
\pic at (2,0) {nucleusbig=1};
\pic at (4,0) {nucleusbiggest=1};
\end{tikzpicture}

\end{document}

Atomic nuclei using LaTeX and TikZ

How to Create a Database Illustration with Tikz in Latex

2023-04-10T17:30:39+00:00

Latex is a versatile typesetting language, with it you can create stunning documents and illustrations with ease. In this article, I will show you just how easy it is to create a database illustration showing the tables and their relationships using the Tikz package.

As always, if you're a regular reader of this corner of my website, you'll know that I start by presenting the Latex document preamble. So let's get started by opening a new Latex document and adding the necessary packages and configuration settings:

   

\documentclass{standalone}
\standaloneconfig{border=2mm}
\usepackage{tikz}
\usetikzlibrary{positioning,shapes}

\begin{document}

\begin{tikzpicture}[node distance=3cm, every node/.style={font=\sffamily}]

In this tutorial, we will create a database diagram using Tikz package. Tikz is a powerful tool that allows you to create high-quality graphics and illustrations. It is widely used for creating technical and scientific illustrations, flowcharts, and diagrams.

A relational database is a group of tables with relationships between them. Each table represents an entity or object, and the relationships between the tables define how the objects are related to each other. We will use Tikz to create a visual representation of a database that shows the tables and their relationships.

To start, let's define the tables that we will be using in our database. For this tutorial, we will be using six tables: "customer", "order", "orderitem", "product", "category", and "subcategory".

Now that we have defined our tables, we can start creating our database diagram. We will use Tikz to create the tables and the relationships between them. Tikz allows us to position elements precisely on the page and create complex diagrams with ease. Each one of these tables is a \node defined using the following syntax: `\node[positioning and other styles] (name) { body of the node }` like this:

   

% Draw the Customer table node
  \node[rectangle, draw] (customer) {
    \begin{tabular}{|l|l|}
      \hline
      \multicolumn{2}{|c|}{\textbf{Customer}} \\
      \hline
      id & INT \\
      name & VARCHAR \\
      email & VARCHAR \\
      \hline
    \end{tabular}
  };
  % Draw the category table node
  \node[rectangle, draw, below=2cm of customer] (category) {
    \begin{tabular}{|l|l|}
      \hline
      \multicolumn{2}{|c|}{\textbf{Category}} \\
      \hline
      id & INT \\
      name & VARCHAR \\
      \hline
    \end{tabular}
  };

We will position the tables using the "positioning" Tikz library, which allows us to position nodes relative to other nodes. with any combination of the anchors : above, below, left and right. even complex combinations like: `below=5cm of order, right=4cm of category` or `below right=2cm and 2cm of category`

Next we draw the relationships (lines) between the tables:

   

% Draw the relationships between the tables
\draw[-latex] (customer) -- node[above]{one-to-many} (order);
\draw[-latex] (order) -- node[above]{one-to-many} (orderitem);
\draw[-latex] (product) -- node[above right,sloped,pos=0.15]{many-to-many} (orderitem);
\draw[-latex] (customer) -- node[above left,sloped,pos=0.7]{many-to-many} (product);
\draw[-latex] (category) -- node[above left,sloped,pos=0.7]{one-to-many} (subcategory);
\draw[-latex] (subcategory) -- node[right]{one-to-many} (product);

Relational database schema using latex

Stay tuned for the next tutorial. Until then happy Latexing.

How to Draw Venn Diagrams in LaTeX with TikZ

2023-04-09T17:51:07+00:00

Venn diagrams are an effective way of representing sets and their relationships. They are often used in mathematics, statistics, and computer science to visually depict the overlapping areas of different sets. If you are working on a project that requires a Venn diagram, LaTeX with TikZ is an excellent tool to use.

In this tutorial, I will walk you through the process of creating a Venn diagram using LaTeX with TikZ. TikZ is a powerful package for creating graphics in LaTeX, and it is perfect for creating complex figures like Venn diagrams.

Before we get started, make sure that you have a basic understanding of LaTeX and TikZ. I will assume that you know how to create a LaTeX document and how to use basic TikZ commands.

Step 1: Load the TikZ Package

The first step is to load the TikZ package. Add the following code to your LaTeX document’s preamble:

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}

Step 2: Define the Sets

The next step is to define the sets that will be used in the Venn diagram. In this example, I will use three sets: A, B, and C. Add the following code to your document:

   

\begin{tikzpicture}
    % Define the circles
    \def\firstcircle{(0,0) circle (2cm)}
    \def\secondcircle{(60:2cm) circle (2cm)}
    \def\thirdcircle{(0:2cm) circle (2cm)}
    % Draw the circles
    \draw \firstcircle;
    \draw \secondcircle;
    \draw \thirdcircle;
\end{tikzpicture}

This code defines three circles, each with a radius of 2cm. The \def command defines a macro that can be used later in the code to draw the circles. The circles are named \firstcircle, \secondcircle, and \thirdcircle, and they are drawn using the \draw command.

Then we draw the nodes. The node command is used to add text to the Venn diagram. The text is added inside curly braces, and the location of the node is specified in square brackets by combining the parameters above, below, left and right, you can also use at (x,y) to draw the node at the exact coordinates.

   

% Add the labels
\draw (-2.5,0) node at (-1,-1) {$A$};
\draw (1,2.5) node[above] {$B$};
\draw (1,-2.5) node at (2.5,-1) {$C$};
\draw (-0.1,1.4) node[rotate=20] {$A \cap B \setminus C$};
\draw (1.3,1.5) node[rotate=20] {$B \cap C$};
\draw (0.6,-0.3) node[rotate=45] {$A \cap C$};
\draw (1,0.5) node {$A \cap B \cap C$};

Step 3: Add the Overlapping Areas

The next step is to add the overlapping areas between the sets. To do this, we will use the scope and \clip commands to define the area that will be filled with color. The \fill command is used to fill the area with the specified color. Like so:

   

% Fill the intersections
\begin{scope}
  \clip \firstcircle;
  \fill[red,opacity=0.5] \secondcircle;
\end{scope}

The whole thing put together :

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{pgfplots}
\pgfplotsset{compat=newest}

\begin{document}
\begin{tikzpicture}

% Define the circles
\def\firstcircle{(0,0) circle (2cm)}
\def\secondcircle{(60:2cm) circle (2cm)}
\def\thirdcircle{(0:2cm) circle (2cm)}

% Draw the rectangle
\draw[dashed] (-3,-2.5) rectangle (4.5,4.5) node at (-2.5,4) {$E$};

% Draw the circles
\draw \firstcircle;
\draw \secondcircle;
\draw \thirdcircle;

% Fill the intersections
\begin{scope}
  \clip \firstcircle;
  \fill[red,opacity=0.5] \secondcircle;
\end{scope}

\begin{scope}
  \clip \firstcircle;
  \fill[green,opacity=0.5] \thirdcircle;
\end{scope}

\begin{scope}
  \clip \secondcircle;
  \fill[blue,opacity=0.5] \thirdcircle;
\end{scope}


% Add the labels
\draw (-2.5,0) node at (-1,-1) {$A$};
\draw (1,2.5) node[above] {$B$};
\draw (1,-2.5) node at (2.5,-1) {$C$};
\draw (-0.1,1.4) node[rotate=20] {$A \cap B \setminus C$};
\draw (1.3,1.5) node[rotate=20] {$B \cap C$};
\draw (0.6,-0.3) node[rotate=45] {$A \cap C$};
\draw (1,0.5) node {$A \cap B \cap C$};

\end{tikzpicture}

\end{document}

Venn Diagram using Latex

And there you are, you can start making Venn Diagrams easily and add them to your documents

From Math to Romance: How LaTeX Can Help You Create a Love Letter Brochure

2023-04-08T18:47:00+00:00

Greetings dear reader, In this article I an going to show just how versatile Latex is. Yes Latex is not just math and science papers, it can also be used to create stunning letters, brochures ad fliers. Just read along and see some of Latex magic for yourself

Now, I'm no expert in LaTeX, but I've dabbled in it enough to know that it can be a bit daunting at first. But don't worry – there are plenty of resources out there to help you get started. You can find LaTeX templates online, or even take a course to learn the basics. And once you get the hang of it, the possibilities are endless.

The main components of our love letter

OK let's get technical, Our Latex document will have a landscape layout to have enough width for our components, it will be divided into two columns using the multicol package. Then we will have essentially 3 big items in our love letter brochure:

1. "ILOVEYOU" for loop

   

\newcommand{\FillWithLove}[1]{\luaexec{for i=1,#1 do tex.print('ILOVEYOU') end}}

2. A tri-colored ribbon

Next is a tikzpicture that contains 3 parts, a tri-colored ribbon that goes across the brochure, it will be generated by the following code, feel free to experiment with it and see how it goes:

   

\draw [draw=none,fill=ThirdPurple,opacity=0.7]
(-15,-6) to[out=20,in=170] (-5,-5) to[out=350,in=330] (3,-1)
to[out=150,in=210] (2,2)
to[out=30,in=180] (15,11) -- (15,9)
to[out=180,in=30] (3,1)
to[out=210,in=150] (4,-1)
to[out=330,in=350] (-5,-6.2)
to[out=170,in=20] (-15,-7) -- cycle;
\draw [draw=none,fill=SecondPurple,opacity=0.7]
(-15,-4) to[out=20,in=170] (-5,-4)
to[out=350,in=330] (3,0)
to[out=150,in=210] (2,3)
to[out=30,in=180] (15,12) -- (15,10)
to[out=180,in=30] (3,2)
to[out=210,in=150] (4,0)
to[out=330,in=350] (-5,-5)
to[out=170,in=20] (-15,-6) -- cycle;
\draw [draw=none,fill=FirstPurple,opacity=0.7]
(-15,-4) to[out=20,in=170] (-5,-3) to[out=350,in=330] (3,1) to[out=150,in=210] (2,4)
to[out=30,in=180] (13,11) -- (14,11) to[out=180,in=30] (3,3) to[out=210,in=150] (4,1)
to[out=330,in=350] (-5,-4) to[out=170,in=20] (-15,-5.3) -- cycle;

3. What's Love without hearts

The next thing we draw in our tikzpicture is hearts, bigger ones, smaller ones, medium ones. well you get the picture. Using the following latex code. It is a latex command that controls how the shape of the heart will be dranw, the shift (position), rotate, x and y scale and opacity

   

\newcommand\heart[5]{%
    \begin{scope}[shift={#1},rotate={#2},xscale={#3},yscale={#3},opacity={#4}]
        \draw[draw=none,fill=#5](0,-3.12) -- (2.06,-1.06) to[out=45,in=-45]
        (2.06,1.06)to[out=135,in=45](0,1.12)to[out=135,in=45](-2.06,1.06)to[out=225,in=135]
        (-2.06,-1.06)--cycle;
    \end{scope}
}

4. The small golden stripe

The last element of the tikzpicture is a small golden ribbon that goes in a curve across the letter brochure:

   

\draw[draw=none,fill=GoldenStrip,path fading=radialfade,opacity=0.7]
(-16,7) to[out=-10,in=170]
(1,0) to[out=-10,in=200]
(9,1) to[out=20,in=-20]
(6,3) to[out=160,in=-80]
(2,8) to[out=100,in=100]
(3,9) to[out=-80,in=100]
(4,6) to[out=-80,in=-90]
(17,-4) --
(17,-3.7) to[out=-90,in=-80]
(4,6.3) to[out=100,in=-80]
(3,9.3) to[out=100,in=100]
(2,8.3) to[out=-80,in=160]
(6,3.3) to[out=-20,in=20]
(9,1.3) to[out=200,in=-10]
(1,0.3) to[out=170,in=-10]
(-16,7.3) -- cycle;

That's it with the tikzpicture, we just have to make sure that the figure won't interfere with the text of our love letter, we will do this by setting the tikzpicture to be on the background like so:

   

\begin{tikzpicture}[remember picture,overlay,shift={(current page.center)}]
    % .... the ribbons and hearts go here
\end{tikzpicture}

The last part of our love letter is the actual content, the text we will write, the main part besides the huge title page on the right side of our brochure, is a heart shaped paragraph, this can be a poem, or your text of the letter. A heart shaped paragraph can be achieved with shapepar package.

The whole letter put together

As always, I never let my article finish without giving the full working latex code, so here it is, enjoy:

   

\documentclass[landscape]{article}
\usepackage[margin=0cm]{geometry}
\usepackage{multicol}
\usepackage{tikz}
\usepackage{tikzpagenodes}
\usetikzlibrary{fadings}
\usepackage{luacode}
\usepackage{fontspec,microtype,shapepar,xcolor}


\definecolor{BgColor}{RGB}{236,195,203}
\definecolor{TextColor1}{RGB}{225,87,180}
\definecolor{TextColor2}{RGB}{225,87,20}
\definecolor{FirstPurple}{RGB}{225,87,183}
\definecolor{SecondPurple}{RGB}{225,157,218}
\definecolor{ThirdPurple}{RGB}{217,130,180}
\definecolor{BigHeartColor}{RGB}{255,0,152}
\definecolor{SmallerHeartColor}{RGB}{255,0,255}
\definecolor{SmallestHeartColor}{RGB}{255,0,102}
\definecolor{GoldenStrip}{RGB}{251,255,120}

\newcommand{\FillWithLove}[1]{\luaexec{for i=1,#1 do tex.print('ILOVEYOU') end}}

\tikzfading [name=radialfade, inner color=transparent!0, outer color=transparent!100]


\newcommand\heart[5]{%
    \begin{scope}[shift={#1},rotate={#2},xscale={#3},yscale={#3},opacity={#4}]
        \draw[draw=none,fill=#5](0,-3.12) -- (2.06,-1.06) to[out=45,in=-45]
        (2.06,1.06)to[out=135,in=45](0,1.12)to[out=135,in=45](-2.06,1.06)to[out=225,in=135]
        (-2.06,-1.06)--cycle;
    \end{scope}
}

\begin{document}
\begin{tikzpicture}[remember picture,overlay,shift={(current page.center)}]
%stripes
    \draw [draw=none,fill=ThirdPurple,opacity=0.7]
    (-15,-6) to[out=20,in=170] (-5,-5) to[out=350,in=330] (3,-1)
    to[out=150,in=210] (2,2)
    to[out=30,in=180] (15,11) -- (15,9)
    to[out=180,in=30] (3,1)
    to[out=210,in=150] (4,-1)
    to[out=330,in=350] (-5,-6.2)
    to[out=170,in=20] (-15,-7) -- cycle;
    \draw [draw=none,fill=SecondPurple,opacity=0.7]
    (-15,-4) to[out=20,in=170] (-5,-4)
    to[out=350,in=330] (3,0)
    to[out=150,in=210] (2,3)
    to[out=30,in=180] (15,12) -- (15,10)
    to[out=180,in=30] (3,2)
    to[out=210,in=150] (4,0)
    to[out=330,in=350] (-5,-5)
    to[out=170,in=20] (-15,-6) -- cycle;
    \draw [draw=none,fill=FirstPurple,opacity=0.7]
    (-15,-4) to[out=20,in=170] (-5,-3) to[out=350,in=330] (3,1) to[out=150,in=210] (2,4)
    to[out=30,in=180] (13,11) -- (14,11) to[out=180,in=30] (3,3) to[out=210,in=150] (4,1)
    to[out=330,in=350] (-5,-4) to[out=170,in=20] (-15,-5.3) -- cycle;
%hearts
    \heart{(6.5,1.5)}{0}{2.4}{0.1}{BigHeartColor}
    \heart{(9.5,-6)}{45}{1}{0.1}{SmallerHeartColor}
    \heart{(4,9)}{-20}{0.8}{0.1}{SmallestHeartColor}
    \heart{(7,9.5)}{-23}{0.2}{1}{SmallestHeartColor}
    \heart{(11,2.5)}{-23}{0.2}{1}{SmallestHeartColor}
    \heart{(5,-6.5)}{-23}{0.2}{1}{SmallestHeartColor}
    \heart{(6.5,-6.5)}{-40}{0.2}{1}{SmallestHeartColor}
    \heart{(4.5,-8.5)}{-80}{0.2}{1}{SmallestHeartColor}
%light strip
    \draw[draw=none,fill=GoldenStrip,path fading=radialfade,opacity=0.7]
    (-16,7) to[out=-10,in=170]
    (1,0) to[out=-10,in=200]
    (9,1) to[out=20,in=-20]
    (6,3) to[out=160,in=-80]
    (2,8) to[out=100,in=100]
    (3,9) to[out=-80,in=100]
    (4,6) to[out=-80,in=-90]
    (17,-4) --
    (17,-3.7) to[out=-90,in=-80]
    (4,6.3) to[out=100,in=-80]
    (3,9.3) to[out=100,in=100]
    (2,8.3) to[out=-80,in=160]
    (6,3.3) to[out=-20,in=20]
    (9,1.3) to[out=200,in=-10]
    (1,0.3) to[out=170,in=-10]
    (-16,7.3) -- cycle;
\end{tikzpicture}
\begin{multicols}{2}
\pagecolor{BgColor}
\topskip0pt
\color{TextColor1}
\fontdimen2\font=0pt

\noindent\begin{minipage}{0.47\textwidth}{\small\FillWithLove{63}}\end{minipage}
\vspace*{0.7cm}
\Large
\heartpar{\itshape
Only name the day, and we’ll fly away
  In the face of old traditions,
To a sheltered spot, by the world forgot,
  Where we’ll park our inhibitions.
Come and gaze in eyes where the lovelight lies
  As it psychoanalyzes,
And when once you glean what your fantasies mean
  Life will hold no more surprises.
When you’ve told your love what you’re thinking of
  Things will be much more informal;
Through a sunlit land we’ll go hand-in-hand,
  Drifting gently back to normal.}


\vspace*{4cm}
\noindent\begin{minipage}{0.47\textwidth}{\small\FillWithLove{35}}\end{minipage}

\columnbreak
\vspace*{5cm}
\begin{center}
\color{TextColor2}
{\bf
    {\fontsize{30}{36}\selectfont DEAR XXXXXXXX}\\\vspace{12pt}
    {\fontsize{30}{36}\selectfont HAPPY \\\vspace{12pt}}
    {\fontsize{30}{36}\selectfont XXXXXXXXXXXXX\\}\vspace{12pt}
    {\fontsize{30}{36}\selectfont and YYYYYYYYYYY\\}
}
\end{center}

\begin{center}
{\bf
    \Large{AAAAAAAA\\\vspace{3pt} BBBBBBBBBBB\\\vspace{10pt}}
    CCCCCCCC DDDDDDDDD
}
\end{center}

\end{multicols}
\color{TextColor1}
footnote~~left\hfill\itshape footnote right~~
\end{document}

Love Letter with Latex

And there you have it. never settle for a plain old love letter when you can create a beautiful brochure that expresses your love in a way that's truly unforgettable. With LaTeX, the sky's the limit. So go ahead – let your creativity flow and make your love letter a work of art.

How to Create Professional Business Cards with LaTeX and Tikz

2023-04-07T15:38:54+00:00

Greetings dear readers, In this article I am going to show you how to create awesome business cards using nothing but Latex and Tikz, No need for payed software Like Adobe Illustrator or the like.

Our business card will be a small rectangle with a width of 5 and height of 8. It will contain two parts, a small band or strip (width = 1.2 ) that we will color in cyan and the bigger part is the rest of the card. we'll achieve this using the following Latex commands:

   

\pgfmathsetmacro{\cardroundingradius}{4mm}
\pgfmathsetmacro{\striproundingradius}{3mm}
\pgfmathsetmacro{\cardwidth}{5}
\pgfmathsetmacro{\cardheight}{8}
\newcommand{\stripcolor}{cyan}
\pgfmathsetmacro{\stripwidth}{1.2}
\pgfmathsetmacro{\strippadding}{0.1}
\pgfmathsetmacro{\textpadding}{0.2}
\pgfmathsetmacro{\ruleheight}{0.1}

the \cardroundingradius will make for a nice looking round corner in the border of our card. The other commands are self-explanatory.

Next we will define the information we will put in our card such as email, phone number, name ...

   

\newcommand{\striptext}{MOSAID Radouan \rotatebox[origin=c]{-90}{\ding{49}}}
\newcommand{\name}{MOSAID Radouan}
\newcommand{\email}{ \faEnvelope~ \textit{\fontspec{Noto Serif}\fontsize{9pt}{12pt}\selectfont mymail@website.xyz}}
\newcommand{\myphone}{ \faPhone~ \textit{\fontspec{Liberation Sans}\fontsize{8pt}{10pt}\selectfont +(212) 123 4567890}}
\newcommand{\site}{\textit{\fontspec{Noto Serif}\fontsize{12pt}{14pt}\selectfont mosaid.xyz/me}}
\newcommand{\bottomcaption}{Programming}
\newcommand{\content}{\textit{\fontspec{Noto Serif}\fontsize{12pt}{14pt}\selectfont Tutorials in C++, C, Python, PHP...}}
\newcommand{\photo}{\includegraphics[width=\textwidth]{frame.png}}%QR code can be obtain online for free for your
\newcommand{\stripfontsize}{\Huge}                                %website
\newcommand{\captionfontsize}{\LARGE}

That's all the preparations we need to make our business card, what's next is to create our tikzpicture environment and start drawing the components of our card like so:

   

\begin{tikzpicture}
    \draw[rounded corners=\cardroundingradius] (0,0) rectangle (\cardwidth,\cardheight);
    \fill[\stripcolor,rounded corners=\striproundingradius] (\strippadding,\strippadding)
    rectangle (\strippadding+\stripwidth,\cardheight-\strippadding)
    node[rotate=90,above left,black,font=\stripfontsize] {\striptext};
    \node[align=center, text width=(\cardwidth-\strippadding-\stripwidth-2*\textpadding)*1cm,
      below right,inner sep=0] at (\strippadding+\stripwidth+\textpadding,\cardheight-\textpadding)
    {
    {\name}\\
    \vspace{0.3cm}
    {\myphone}\\
    \vspace{0.2cm}
    {\email }\\
    \tikz{\fill (0,0) rectangle (\cardwidth-\strippadding-\stripwidth-2*\textpadding,\ruleheight);}\\
    \vspace{0.2cm}
    {\captionfontsize \bottomcaption}\\
    {\content}\\
    {\photo }\\
    {\site}\\
    };
\end{tikzpicture}

Business Card using Latex and Tikz

Just a quick note for anyone following along: The \faEnvelope and \faPhone commands used in the \email and \myphone definitions require the Font Awesome package to be loaded in the LaTeX document. If you don't have this package installed, you can replace these commands with regular text (e.g. "Email:" and "Phone:") or find an alternative package that provides similar icons.

And there you are, you can try to experiment with the above latex template and create your own awesome business cards, until the next latex tutorial, happy latexing.

latex Tutorial: How to plot Axes and Center of Symmetry

2023-04-06T19:49:44+00:00

Greetings and welcome to yet another maths related Latex Tutorial. When graphing a function, it's often useful to plot the axes and center of symmetry as reference points. In this tutorial, we'll go over how to plot the axes and center of symmetry for two different functions:

$f(x) = 0.67(x-4)^2+1$

$g(x) = \sin(x) + 1$

Plotting the Axes of Symmetry for $f(x)$

The function $f(x)$ is a quadratic polynomial of degree 2, with a leading coefficient of 0.67. The graph of the function $f(x) = 0.67(x-4)^2 +1$ is a parabola with a vertex at the point (-b/2a,f(-b/2a)) and an axes of symmetry of the equation: x = -b/2a. this is the axes that we need to plot alongside the parabola. the following Latex code will de just that

   

\begin{tikzpicture}[scale=0.50]
    \begin{axis}[axis lines=center,
    xlabel={$x$},
    ylabel={$y$},
    xtick=\empty,ytick=\empty,
    xmin=-0.5,xmax=8,
    ymin=-0.5,ymax=7,
    unbounded coords=jump,
    samples=200]
    \coordinate (A) at (2.8,0);
    \coordinate (B) at (5.2,2);
    \addplot [red,thick,domain=1:7.7,unbounded coords=jump]
    {0.67*(x-4)^2+1};
    \draw[blue] (4,0) -- (4,7) ;
    \draw[thin, gray] (A) rectangle (B) ;
    \node[below right] at (4.5,0) {$a+x$};
    \node[below ] at (4,0) {$a$};
    \node[below left ] at (0,0) {$O$};
    \node[above right ] at (4,0) {$\Omega$};
    \node[below left] at (3.5,0) {$a-x$};
     \end{axis}
\end{tikzpicture}

Axes of symmetry using Latex Tikz

Plotting the Center of Symmetry for $g(x)$

The second function is a sinusoidal function of the form $g(x) = \sin(x)+1$. the y-shift is just to make the illustration look good. The function has a center of symmetry at the point Ω(π,1)

   

\begin{tikzpicture}[scale=0.65]
    \begin{axis}[axis lines=none,
    xlabel={$x$},
    ylabel={$y$},
    xtick=\empty,ytick=\empty,
    xmin=-2.5,xmax=7,
    ymin=-1.5,ymax=3,
    unbounded coords=jump,
    samples=200]
    \coordinate (A) at (0,2);
    \coordinate (B) at (0.5*pi,-1);
    \coordinate (C) at (0,0);
    \coordinate (D) at (1.5*pi,-1);
    \draw[->, black] (-1,-1) -- (6.5,-1) node[right] {$x$} ;
    \draw[->, black] (0,-1.5) -- (0,2.5) node[below right] {$y$} ;
    \draw[scale=1,domain=0.1*pi:2.1*pi,smooth,variable=\x,red] plot ({\x},{sin(\x r)+1});
    \draw[blue] (pi,-2) -- (pi,2) ;
    \draw[blue] (-1,1) -- (8,1) ;
    \draw[thin, gray] (A) rectangle (B) ;
    \draw[thin, gray] (C) rectangle (D) ;
    \node[below ] at (B) {$a-x$};
    \node[below right, blue ] at (pi,-1) {$a$};
    \node[below ] at (D) {$a+x$};
    \node[left ] at (A) {$f(a-x)$};
    \node[left ] at (C) {$f(a+x)$};
    \node[above left,blue ] at (0,1) {$b$};
    \node[above right ] at (pi,1) {$\Omega$};
    \node[below left ] at (0,-1) {$O$};
     \end{axis}
\end{tikzpicture}

Center of symmetry using Latex Tikz

And there you have it. until the next tutorial, happy editing and Plotting

How to Draw Oblique Asymptotes with TikZ in LaTeX

2023-04-06T17:19:46+00:00

This article is a continuation of the previous one, last time we created horizontal asymptotes, in this article I am going to show you how to draw an oblique asymptote.

What is an Oblique Asymptote?

An oblique asymptote is a straight line that a function approaches as x approaches infinity or negative infinity. Unlike horizontal or vertical asymptotes, oblique asymptotes have a non-zero slope and are therefore inclined. Oblique asymptotes occur when the degree of the numerator is one more than the degree of the denominator.

Drawing an Oblique Asymptote with TikZ

Just like in the previous article we need to include the necessary packages first, to plot and draw graphs you need Tikz and pgfplots packages.

   

\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{pgfplots}
\pgfplotsset{compat=1.18}
\begin{document}

   

\begin{tikzpicture}[scale=0.50]
    \begin{axis}[axis lines=center,
    xlabel={$x$},
    ylabel={$y$},
    xtick=\empty,ytick=\empty,
    xmin=0,xmax=7,
    ymin=0,ymax=10,
    unbounded coords=jump,
    samples=200]
    \addplot [red,thick,domain=1.3:7,unbounded coords=jump]
    {x-1+1/(ln(x))};
    \addplot [blue,thick,domain=1:7,unbounded coords=jump]
    {x*1.048-1};
    \node[rotate=35,below] at (6,5) {$y=ax+b$};
     \end{axis}
\end{tikzpicture}

In this example, we're plotting the function f(x)=x-1+1/(ln(x)) in red, and the oblique asymptote y=x*1.048-1 in blue. To find the equation of the oblique asymptote, we need to calculate:

lim (f(x) / x) = a
x->+∞

for this particular function we find that a=1 and to find the y-intercept we calculate:

lim (f(x) - ax) = b
x->+∞

To plot the oblique asymptote, we use the \addplot command with the equation x*1.048-1, where 1.048 (changed a little to make it visually appealing) is the slope of the oblique asymptote . We've also added a rotated node to the plot to label the equation of the oblique asymptote.

Conclusion

Drawing oblique asymptotes with TikZ in LaTeX is a straightforward process that can help you gain a better understanding of the behavior of your functions. By following the steps outlined in this tutorial, you can create professional-looking mathematical graphs and plots with ease.

How to Draw Horizontal Asymptotes Using LaTeX TikZ: A Step-by-Step Guide

2023-04-06T16:24:40+00:00

Hello readers, in the previous article we created vertical asymptotes using Tikz. today we are going to explore the power of TikZ yet again to create horizontal asymptotes, and as usual I will give you the full working Latex code in my examples. so let's dig in.

As usual, before we start we must prepare the necessary packages to use tikz:

   

\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{pgfplots}
\pgfplotsset{compat=1.18}
\begin{document}

The first example is a graph that has a horizontal asymptote. This is a type of line that the graph approaches but never touches. To create this graph in TikZ, we use the "axis" environment, which is a powerful tool for creating graphs.

   

\begin{tikzpicture}[scale=0.50]
    \begin{axis}[axis lines=center,
    xlabel={$x$},
    ylabel={$y$},
    xtick=\empty,ytick=\empty,
    xmin=-1,xmax=21,
    ymin=-0.2,ymax=5,
    unbounded coords=jump,
    samples=200]
    \addplot [red,thick,domain=2.5:20,unbounded coords=jump] {(3+x)/(x-1)};
    \addplot[blue] coordinates {(0,1.1) (20,1.1)} node[below left]{$y=b$};
    \node[left] at (-0.1,1.2) {\textit{b}};
     \end{axis}
\end{tikzpicture}

Horizontal asymptote above the curve in + infinity with LaTeX TikZ

In the code example, we set the axis limits, x and y labels, and tick marks. Then we define the function we want to plot using the "addplot" command. The red line represents the graph of the function, and the blue line represents the horizontal asymptote. Finally, we add a label to the blue line using the "node" command.

Now let's move on to the second example, which is a graph with another type of horizontal asymptote. The process of creating this graph is similar to the first one, but this time the asymptote is located at a different y-value. We also need to adjust the domain of the function to make sure we get the correct graph.

   

\begin{tikzpicture}[scale=0.50]
    \begin{axis}[axis lines=center,
    xlabel={$x$},
    ylabel={$y$},
    xtick=\empty,ytick=\empty,
    xmin=-2,xmax=31,
    ymin=-0.1,ymax=2,
    unbounded coords=jump,
    samples=200]
    \addplot [red,thick,domain=5:30,unbounded coords=jump] {2+(3+x)/(-x-1)};
    \addplot[blue] coordinates {(0,1) (30,1)} node[above left]{$y=b$};
    \node[left] at (-0.1,1) {\textit{b}};
     \end{axis}
\end{tikzpicture}

Horizontal asymptote below the curve in + infinity with LaTeX TikZ

Finally, we have a third example that is similar to the second one, but with the asymptote located on the left-hand side of the graph. To achieve this, we adjust the domain of the function once again, and place the label for the asymptote on the left side using the "node" command.

   

\begin{tikzpicture}[scale=0.50]
    \begin{axis}[axis lines=center,
    xlabel={$x$},
    ylabel={$y$},
    xtick=\empty,ytick=\empty,
    xmin=-31,xmax=3,
    ymin=-0.1,ymax=2,
    unbounded coords=jump,
    samples=200]
    \addplot [red,thick,domain=-30:-5,unbounded coords=jump] {2+(3+x)/(-x-1)};
    \addplot[blue] coordinates {(-30,1) (0,1)} ;
    \node[below] at (-28,1) {$y=b$};
    \node[right] at (0.1,1) {\textit{b}};
     \end{axis}
\end{tikzpicture}

Horizontal asymptote above the curve in -infinity with LaTeX TikZ

Now that we've gone through these examples, I encourage you to try them out yourself and experiment with different functions and parameters. TikZ is a powerful tool that can help you create amazing graphics and diagrams, and with practice, you can create complex and beautiful visualizations. Remember to have fun and be creative with your graphs!

In conclusion, TikZ is a great package for LaTeX users who want to create beautiful graphics and diagrams. In this post, we explored some examples of graphs with horizontal asymptotes, and saw how the "axis" environment, "addplot" command, and "node" command can be used to create these graphs. I hope this post has been helpful, and I encourage you to continue exploring TikZ and all the amazing things you can create with it.

How to Draw Vertical Asymptotes Using LaTeX TikZ: A Step-by-Step Guide

2023-04-06T15:18:05+00:00

Drawing vertical asymptotes using LaTeX TikZ is a handy skill to have in your arsenal when you want to illustrate the behavior of a function near a particular x-value. With just a few lines of code, you can create a clear and concise visual representation of a function's vertical asymptotes that will help your audience understand the function's behavior better.

So, how do you draw vertical asymptotes in TikZ? Well, it's easier than you might think. First, let's take a look at what a vertical asymptote is.

A vertical asymptote is a line that a function approaches but never touches as the input approaches a certain value. This means that the function's output approaches infinity or negative infinity as the input approaches the vertical asymptote.

To draw a vertical asymptote in TikZ, you need to plot the function first and then define the domain in which the function is valid using the restrict y to domain option. You also need to tell TikZ how to handle points where the function is undefined using the unbounded coords option.

Here's an example to illustrate the process. Let's say we want to draw a vertical asymptote at x=3 for the function f(x) = 1/(x-3). We can use the following code:

   

\begin{tikzpicture}
    \begin{axis}[xmin=-1,xmax=5,ymin=-10,ymax=10,restrict y to domain=-10:10,unbounded coords=jump]
    \addplot[domain=-1:2.9,samples=200]{1/(x-3)};
    \addplot[domain=3.1:5,samples=200]{1/(x-3)};
    \draw[dashed] (3,-10) -- (3,10);
    \end{axis}
\end{tikzpicture}

In this code, we first set the x and y limits of the plot using xmin, xmax, ymin, and ymax. We then use restrict y to domain=-10:10 to tell TikZ to only plot the function where the y values are between -10 and 10. The unbounded coords=jump option tells TikZ to ignore points where the function is undefined (in this case, when x=3).

Next, we plot the function in two separate parts using the domain and samples options. We do this to avoid drawing the vertical asymptote.

Finally, we draw the dashed vertical line at x=3 using the \draw[dashed] (3,-10) -- (3,10); command.

And that's it! With this code, we have successfully drawn a vertical asymptote at x=3 for the function f(x) = 1/(x-3). The above code will produce the follwoing figure:

Vertical asymptote using LaTeX TikZ

here is an additional Latex code with more settings and customizations :

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{pgfplots}
\pgfplotsset{compat=1.18}
\begin{document}
\begin{tikzpicture}[scale=1.00]
    \begin{axis}[axis lines=center,
        xlabel={$x$},
        ylabel={$y$},
        xtick=\empty,ytick=\empty,
        xmin=-0.5,xmax=5,
        ymin=-1.5,ymax=30,
        restrict y to domain=0.01:29,
        unbounded coords=jump,
        samples=200]
    \addplot [red,thick,domain=1.5:3.5,restrict y to domain=0.01:29,unbounded coords=jump]
        {5+ 2*tan(deg(x/2))};
    \addplot [blue,unbounded coords=jump] coordinates {(pi-0.1,0.01) (pi-0.1,28)};
    \draw[->] (0,0) -- (1,0) node[above left] {\textit{$\overrightarrow{i}$}};
    \draw[->] (0,0) -- (0,7);
    \node[anchor=north west] at (-0.7,7) {\textit{$\overrightarrow{j}$}};
    \node[below left] at (pi,0.1) {\textit{a}};
    \node[rotate=90,anchor=north east] at (pi,29) {$x=a$};
     \end{axis}
\end{tikzpicture}


\begin{tikzpicture}[scale=1.00]
    \begin{axis}[axis lines=center,
        xlabel={$x$},
        ylabel={$y$},
        xtick=\empty,ytick=\empty,
        xmin=-1,xmax=7,
        ymin=-1.5,ymax=30,
        restrict y to domain=0.01:29,
        unbounded coords=jump,
        samples=200]
        \addplot [red,thick,domain=3:4.5,restrict y to domain=0.01:29,
            unbounded coords=jump] {5-2*tan(deg(x/2))};

        \addplot [blue,unbounded coords=jump] coordinates {(pi-0.1,0.01) (pi+0.1,29)};
        \draw[->] (0,0) -- (1,0) node[above left] {\textit{$\overrightarrow{i}$}};
        \draw[->] (0,0) -- (0,7);
        \node[anchor=north west] at (-0.7,7) {\textit{$\overrightarrow{j}$}};
        \node[below left] at (pi,0.1) {\textit{a}};
        \node[rotate=90,anchor=north east] at (pi-0.4,29) {$x=a$};
    \end{axis}
\end{tikzpicture}


\end{document}

The above two tikzpicture will produce the following :

Left and right vertical asymptote using LaTeX TikZ

Now, a word of caution: when drawing vertical asymptotes, it's essential to make sure that you define the domain of the function carefully. If you don't restrict the domain, TikZ will try to plot the function outside of its valid range, which can cause errors or infinite loops. It's also a good idea to use unbounded coords=jump to tell TikZ to ignore points where the function is undefined.

In conclusion, drawing vertical asymptotes in LaTeX TikZ is a useful skill that can help you create clear and concise visual representations of a function's behavior. With just a few lines of code, you can create impressive visuals that will help your audience understand complex concepts easily. So, give it a try!

Latex TikZ: A Step-by-Step Guide to Creating Professional Flow Charts

2023-03-28T11:04:09+00:00

Greetings fellow latex lovers. In this article I will talk about creating flowcharts using LaTeX and TikZ. It's a useful skill to have, especially if you work in a technical field that involves presenting complex information in a visually appealing way.

When I first started creating flowcharts using TikZ, I found the process to be a bit daunting. However, with practice and a bit of patience, I was able to create flowcharts that not only looked professional but also effectively conveyed the information I wanted to present.

First define the shapes

To get started, you'll need to define the shapes and styles you want to use in your flowchart. In this code snippet, we define three styles: startstop, process, and decision. These styles will be used to define the shape, size, and color of the nodes in the flowchart like so:

   

\tikzstyle{process} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=orange!30]

Once you've defined your styles, you can begin building your flowchart by defining the nodes and edges. Each node represents a step in the flowchart, and each edge represents the connection between those steps. In the code below, we define a series of nodes and edges to create a logical sequence of steps.

The following line will create a node named step2a that will be drawn below left of another node named decision1. And it will have the text "Step 2a". the y and x shifts will add more control over its placement.

   

\node[process, below left of=decision1, yshift=-1cm, xshift=5cm] (step2a) {Step 2a};

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{tikz}

% Define the diamond shape
\usetikzlibrary{shapes.geometric}
\tikzset{diamond/.style={shape=diamond, draw, minimum size=1.5cm, text width=1.5cm, text centered, inner sep=0pt}}

% Define styles for the flowchart nodes
\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=red!30]
\tikzstyle{process} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=orange!30]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]

\begin{document}

\begin{tikzpicture}[node distance=2cm, auto]
    % Define nodes
    \node (title) at (11.5,4) {\textbf{\Huge{My Flow Chart Title here}}};
    \node[startstop] (start) {Start};
    \node[process, right of=start, xshift=2cm] (step1) {Step 1};
    \node[decision, right of=step1, xshift=2cm] (decision1) {Decision 1};
    \node[process, below left of=decision1, yshift=-1cm, xshift=5cm] (step2a) {Step 2a};
    \node[process, above left of=decision1, yshift=1cm, xshift=5cm] (step2b) {Step 2b};
    \node[decision, left of=decision1, xshift=14cm] (decision2) {Decision 2};
    \node[process, below right of=decision2, yshift=-2cm, xshift=-4cm] (step3a) {Step 3a};
    \node[process, below left of=decision2, yshift=-2cm, xshift=4cm] (step3b) {Step 3b};
    \node[process, below right of=step3a, yshift=-1cm, xshift=1cm] (step4) {Step 4};
    \node[startstop, below of=step4] (end) {End};
    %% Define edges
    \draw[->] (start) -- (step1);
    \draw[->] (step1) -- (decision1);
    \draw[->] (decision1) -- node {yes} (step2a);
    \draw[->] (decision1) -- node {no} (step2b);
    \draw[->] (step2a) -- (decision2);
    \draw[->] (step2b) -- (decision2);
    \draw[->] (decision2) -- node {yes} (step3a);
    \draw[->] (decision2) -- node {no} (step3b);
    \draw[->] (step3a) -- (step4);
    \draw[->] (step3b) -- (step4);
    \draw[->] (step4) -- (end);
    %% Add dotted lines for clarity
    \draw[dotted] (step2a) -- (step2b);
    \draw[dotted] (step3a) -- (step3b);
\end{tikzpicture}

\end{document}

The above LaTeX code will create this flowchart:

Horizontal flow chart using LaTeX and TikZ package

We can modify it to have a vertical layout:

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}
\usepackage{tikz}

% Define the diamond shape
\usetikzlibrary{shapes.geometric}
\tikzset{diamond/.style={shape=diamond, draw, minimum size=1.5cm, text width=1.5cm, text centered, inner sep=0pt}}

% Define styles for the flowchart nodes
\tikzstyle{startstop} = [rectangle, rounded corners, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=red!30]
\tikzstyle{process} = [rectangle, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=orange!30]
\tikzstyle{decision} = [diamond, minimum width=3cm, minimum height=1cm, text centered, draw=black, fill=green!30]

\begin{document}

\begin{tikzpicture}[node distance=2cm, auto]
    % Define nodes
    \node[startstop] (start) {Start};
    \node[process, below of=start] (step1) {Step 1};
    \node[decision, below of=step1, yshift=-1cm] (decision1) {Decision 1};
    \node[process, below left of=decision1, xshift=-2cm] (step2a) {Step 2a};
    \node[process, below right of=decision1, xshift=2cm] (step2b) {Step 2b};
    \node[decision, below of=decision1, yshift=-3cm] (decision2) {Decision 2};
    \node[process, below left of=decision2, xshift=-2cm] (step3a) {Step 3a};
    \node[process, below right of=decision2, xshift=2cm] (step3b) {Step 3b};
    \node[process, below of=step3a, yshift=-1cm] (step4) {Step 4};
    \node[startstop, below of=step4] (end) {End};
    % Define edges
    \draw[->] (start) -- (step1);
    \draw[->] (step1) -- (decision1);
    \draw[->] (decision1) -- node {yes} (step2a);
    \draw[->] (decision1) -- node {no} (step2b);
    \draw[->] (step2a) |- (decision2);
    \draw[->] (step2b) |- (decision2);
    \draw[->] (decision2) -- node {yes} (step3a);
    \draw[->] (decision2) -- node {no} (step3b);
    \draw[->] (step3a) -- (step4);
    \draw[->] (step3b) -- (step4);
    \draw[->] (step4) -- (end);
    % Add dotted lines for clarity
    \draw[dotted] (step2a) -- (step2b);
    \draw[dotted] (step3a) -- (step3b);
\end{tikzpicture}

\end{document}

Vertical flow chart using LaTeX and TikZ package

One thing to keep in mind when creating your flowchart is to maintain a consistent style throughout. This includes keeping the size, shape, and color of your nodes and edges consistent, as well as keeping the text aligned and properly sized.

Overall, creating flowcharts using TikZ can seem intimidating at first, but with practice and a bit of creativity, you can create professional-looking flowcharts that effectively convey complex information. So, don't be afraid to dive in and experiment with different styles and layouts - who knows, you may even discover a new approach to flowcharting that sets you apart from the rest!

Create Beautiful Recipe Cards with a LaTeX Recipe Template

2023-03-26T18:26:40+00:00

Hey there foodies! As a fellow lover of good food, I know how important it is to have a well-organized and visually appealing recipe template. That's why I want to share with you a LaTeX template that I have created for formatting and writing recipes.

First off, let me tell you, LaTeX is a powerful tool that can help you create stunning documents. And creating a recipe template is no exception. With just a few lines of code, you can have a beautiful recipe template that will make your cooking instructions easy to follow and your ingredient lists a breeze to read.

When creating a recipe template in LaTeX, the first step is to set up the document class. You can use any document class that you prefer, but for this tutorial, we will use the article document class. and here is our LaTeX recipe

1- add packages

Next, we need to add packages to our LaTeX document. Packages are extra files that provide additional functionality to LaTeX. For our recipe template, we will be using the graphicx, xcolor, and geometry packages.

2- title and header

Once we have set up the document class and added our packages, we can begin formatting our recipe template. We start by creating the title and header, followed by the ingredients section. We format the ingredients list using an unordered list.

3- recipe instructions and notes sections

Next, we create the instructions section. Here, we use an ordered list to make the steps easy to follow. Finally, we create a section for recipe notes where you can add any additional information or tips for the recipe.

4- dish photo

If you want to include a photo of the finished dish, we can do that using the graphicx package. Simply add the code to include the image below the recipe notes section.

Once you have completed your recipe template, save your LaTeX document and compile it using your LaTeX compiler. And voila! Your recipe template is ready to use. here is the full latex code:

   

\documentclass{article}

\usepackage{graphicx}
\usepackage{xcolor}
\usepackage[margin=1in]{geometry}

% Define colors for sections
\definecolor{sectioncolor}{RGB}{153,0,51}
\definecolor{subsectioncolor}{RGB}{255,128,0}

% Define custom section command for styling
\newcommand{\recipeSection}[1]{\textcolor{sectioncolor}{\large\textbf{#1}}}

\begin{document}

\begin{center}
  \textcolor{sectioncolor}{\textbf{\LARGE Recipe Title}}
\end{center}

\hrule

\begin{center}
  \textcolor{subsectioncolor}{\textbf{\large Recipe Header}}
\end{center}

\recipeSection{Ingredients}

\begin{itemize}
  \item Ingredient 1
  \item Ingredient 2
  \item Ingredient 3
    % add more ingredients here as needed
\end{itemize}

\recipeSection{Instructions}

\begin{enumerate}
  \item Step 1
  \item Step 2
  \item Step 3
    % add more steps here as needed
\end{enumerate}

\recipeSection{Recipe Notes}

Add any additional information or tips here.

\begin{center}
  \includegraphics[width=0.5\textwidth]{image.jpg}
\end{center}

\end{document}

Our recipe document will look like:

LaTeX Recipe Template

In conclusion, creating a recipe template in LaTeX is a simple and effective way to make your recipes look professional and easy to follow. With just a little bit of code, you can create a stunning template that will impress your friends and family. So, get cooking and happy LaTeXing!

Academic CV LaTeX Template: A Step-by-Step Guide

2023-03-25T20:52:12+00:00

Creating an academic CV can be a daunting task, especially if you're not sure where to start. Fortunately, LaTeX provides an easy and professional way to create an academic CV that showcases your academic achievements, publications, research interests, and more. In this guide, we'll walk you through the steps of creating an academic CV using LaTeX and provide you with a sample template that you can customize to suit your needs.

Step 1: Choose a LaTeX Template

\{There are many LaTeX templates available for academic CVs, and choosing the right one can save you a lot of time and effort. In this example, we'll be using the "moderncv" LaTeX template, which is designed specifically for academic CVs.

To use the "moderncv" template, you'll need to install the moderncv package, which can be done by running the following command in your LaTeX editor:

   

\usepackage{moderncv}

Once you've installed the moderncv package, you can use the following code to start your academic CV:

   

\documentclass[11pt,a4paper,sans]{moderncv}
\moderncvstyle{banking}
\moderncvcolor{blue}

\usepackage[utf8]{inputenc}
\usepackage[scale=0.75]{geometry}

\name{john}{doe}
\title{curriculum vitae}
\address{123 main street}{anytown, usa}{12345}
\phone[mobile]{+1~(555)~555~1212}
\email{john.doe@email.com}

\begin{document}

\makecvtitle

\section{education}
\cventry{2010--2014}{bachelor of science}{university of xyz}{anytown, usa}{}{}
\cventry{2014--2016}{master of science}{university of xyz}{anytown, usa}{}{}

\section{research experience}
\cventry{2016--present}{graduate research assistant}{university of abc}{anytown, usa}{}{}
\cventry{2014--2016}{undergraduate research assistant}{university of xyz}{anytown, usa}{}{}

\section{publications}
\cvitem{}{doe, j. (2018). "title of article." journal of xyz, 10(2), 123-456.}
\cvitem{}{doe, j. (2017). "title of book." publisher.}

\end{document}

This code sets the document class to "moderncv," defines the style and color of the CV, sets the name, address, phone number, and email address of the applicant, and creates three sections for education, research experience, and publications.

Step 2: Customize Your CV

Once you've created the basic structure of your academic CV, you can customize it to suit your needs. For example, you can add additional sections for teaching experience, awards and honors, or professional memberships. You can also customize the formatting of your CV by adjusting the font size, color, and style.

Here's an example of how you can customize the "Education" section of your academic CV:

Adding a Teaching Experience Section:

If you have experience as a teaching assistant or have taught courses as a lecturer, you can add a section to your CV to showcase this experience. You can include the course name, the number of students, and a brief description of your teaching responsibilities.

   

\section{Teaching Experience}
\cventry{Spring 2022}{Teaching Assistant}{Department of Mathematics, University of XYZ}{Anytown, USA}{}{Assisted in grading and holding office hours for Calculus I.}
\cventry{Fall 2021}{Lecturer}{Department of Computer Science, University of XYZ}{Anytown, USA}{}{Taught Introduction to Programming to 30 students.}

Adding an Awards and Honors Section:

If you have received any awards, scholarships, or honors during your academic career, you can add a section to your CV to showcase these achievements. You can include the name of the award, the organization that granted it, and the year it was awarded.

   

\section{Awards and Honors}
\cvitem{2021}{Outstanding Graduate Research Award, Department of Biology, University of XYZ}
\cvitem{2019}{Graduate Research Fellowship, National Science Foundation}

Adding a Professional Memberships Section:

   

\section{Professional Memberships}
\cventry{2018--present}{Member}{American Society of Microbiology}{Anytown, USA}{}{}
\cventry{2020--present}{President}{Graduate Student Association, Department of Biology, University of XYZ}{Anytown, USA}{}{}

Customizing the Formatting:

You can customize the formatting of your academic CV by adjusting the font size, color, and style. For example, you can change the color of your name and section headings, or change the font size of your publication entries.

   

\name{\color{blue}John}{\color{blue}Doe}
\section{\textcolor{red}{Education}}
\cvitem{}{\textbf{Bachelor of Science} in Biology, University of XYZ, 2010--2014}
\cvitem{}{\textbf{Master of Science} in Biology, University of XYZ, 2014--2016}
\section{\textcolor{red}{Publications}}
\cvitem{}{\textbf{\textit{Doe, J.}} (2018). "Title of article." \textit{Journal of XYZ}, 10(2), 123-456.}}

Step 3: Add Details to Your Sections

Now that you've customized the basic structure of your academic CV, it's time to start adding details to each section. Here's an example of how you can add details to the "Education" section:

   

\section{Education}
\cventry{2010--2014}{Bachelor of Science}{University of XYZ}{Anytown, USA}{}{GPA: 3.8/4.0}
\cventry{2014--2016}{Master of Science}{University of XYZ}{Anytown, USA}{}{Thesis: "Title of Thesis"}

In this example, we've added the GPA for the Bachelor's degree and the title of the Master's thesis. You can add similar details to the other sections of your academic CV.

Step 4: Include Your Professional Experience

In addition to your education, your academic CV should also include your professional experience. This can include research assistantships, teaching assistantships, or other relevant work experience. Here's an example of how you can add a "Professional Experience" section to your academic CV:

   

\section{Professional Experience}
\cventry{2018--present}{Research Scientist}{ABC Research Institute}{Anytown, USA}{}{Conducting research on XYZ}
\cventry{2016--2018}{Teaching Assistant}{University of ABC}{Anytown, USA}{}{Assisted in teaching undergraduate courses in XYZ}

Step 5: Highlight Your Publications

One of the most important sections of an academic CV is the publications section. This is where you can highlight your research and publications. Here's an example of how you can add details to your "Publications" section:

   

\section{Publications}
\cvitem{}{Doe, J. (2018). "Title of article." Journal of XYZ, 10(2), 123-456.}
\cvitem{}{Doe, J. (2017). "Title of book." Publisher.}

   

Step 6: Review and Edit Your CV

Once you've added all the necessary details to your academic CV, it's important to review and edit it carefully. Check for any spelling or grammatical errors, ensure that the formatting is consistent throughout the document, and make sure that all the information is accurate and up-to-date.

the whole thing put together:

   

\documentclass[11pt,a4paper,sans]{moderncv}
\moderncvstyle{banking}
\moderncvcolor{blue}

\usepackage[utf8]{inputenc}
\usepackage[scale=0.75]{geometry}

\name{\color{blue}John}{\color{blue}Doe}
\title{curriculum vitae}
\address{123 main street}{anytown, usa}{12345}
\phone[mobile]{+1~(555)~555~1212}
\email{john.doe@email.com}

\begin{document}

\makecvtitle

\section{\textcolor{red}{Education}}
\cvitem{}{\textbf{Bachelor of Science} in Biology, University of XYZ, 2010--2014}{GPA: 3.8/4.0}
\cvitem{}{\textbf{Master of Science} in Biology, University of XYZ, 2014--2016}{Thesis: "Title of Thesis"}

\section{Teaching Experience}
\cventry{Spring 2022}{Teaching Assistant}{Department of Mathematics, University of XYZ}{Anytown, USA}{}{Assisted in grading and holding office hours for Calculus I.}
\cventry{Fall 2021}{Lecturer}{Department of Computer Science, University of XYZ}{Anytown, USA}{}{Taught Introduction to Programming to 30 students.}

\section{research experience}
\cventry{2016--present}{graduate research assistant}{university of abc}{anytown, usa}{}{}
\cventry{2014--2016}{undergraduate research assistant}{university of xyz}{anytown, usa}{}{}

\section{\textcolor{red}{Publications}}
\cvitem{}{\textbf{\textit{Doe, J.}} (2018). "Title of article." \textit{Journal of XYZ}, 10(2), 123-456.}
\cvitem{}{\textbf{\textit{Doe, J.}} (2017). "Title of book." \textit{publisher}}

\section{Professional Experience}
\cventry{2018--present}{Research Scientist}{ABC Research Institute}{Anytown, USA}{}{Conducting research on XYZ}
\cventry{2016--2018}{Teaching Assistant}{University of ABC}{Anytown, USA}{}{Assisted in teaching undergraduate courses in XYZ}

\section{Professional Memberships}
\cventry{2018--present}{Member}{American Society of Microbiology}{Anytown, USA}{}{}
\cventry{2020--present}{President}{Graduate Student Association, Department of Biology, University of XYZ}{Anytown, USA}{}{}

\section{Awards and Honors}
\cvitem{2021}{Outstanding Graduate Research Award, Department of Biology, University of XYZ}
\cvitem{2019}{Graduate Research Fellowship, National Science Foundation}

\end{document}

the above tex code will produce the following CV:

Conclusion

Creating an academic CV using LaTeX is a great way to showcase your academic achievements, research interests, and publications in a professional and polished manner. With the "moderncv" template and the steps outlined in this guide, you can create an academic CV that highlights your strengths and accomplishments. Remember to customize your CV to suit your individual needs, add relevant details to each section, and review and edit it carefully before submitting it to potential employers or academic institutions.

Latex Tricks: How to Shade the Area Under a Curve in Seconds

2023-03-19T20:42:53+00:00

In this article I am going to show you how to shade an area under a curve (Think Integrals) using Latex, it is really a simple process just using the tikz and pgfplots packages. I will give you the entire working latex code. so let's get started

First let's get the usual preamble out of the way:

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}

%maths
\usepackage{mathtools}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage{amsfonts}

%tikzpicture
\usepackage{tikz}
\usepackage{scalerel}
\usepackage{pict2e}
\usepackage{tkz-euclide}
\usetikzlibrary{calc}
\usetikzlibrary{patterns,arrows.meta}
\usetikzlibrary{shadows}
\usetikzlibrary{external}

%pgfplots
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
\usepgfplotslibrary{statistics}
\usepgfplotslibrary{fillbetween}

%colours
\usepackage{xcolor}

We will be using the standalone document class to generate just the picture of our plot not an entire document page, the above preamble contains all the necessary packages needed for creating our document.

The following parameters are some prepared settings for all the work with pgfplots, like using the radian for trigonometry, showing a grid and so forth. I just copy and paste them in all the documents that are using pgfplots and tikz

   

\pgfplotsset{
   standard/.style={
      axis line style = thick,
      trig format=rad,
      enlargelimits,
      axis x line=middle,
      axis y line=middle,
      enlarge x limits=0.15,
      enlarge y limits=0.15,
      every axis x label/.style={at={(current axis.right of origin)},anchor=north west},
      every axis y label/.style={at={(current axis.above origin) },anchor=south east},
      grid=both,
      ticklabel style={font=\tiny, fill=white}
   }
}

Now, let's get started with the actual tikz picture of our plot.

   

\begin{tikzpicture}
   \begin{axis}[standard,
         xtick={0.1,0.2,0.5,1},
         ytick={0.1,0.2,0.5,1,2},
         xticklabels={$0.1$,$0.2$,$0.5$,$1$},
         yticklabels={$0.1$,$0.2$,$0.5$,$1$,$2$},
         xlabel={ $x$},
         ylabel={ $y$},
         samples=1000,
         xmin=0, xmax=1.3,
         ymin=0, ymax=1.3]

      \node[anchor=center, label=south west:$O$] at (axis cs:0,0){};
      \addplot[name path=F, line width=0.3mm, blue, domain={0:2}]{sqrt(x)} node[pos=0.8, above left] {$C_f$};
      \path[name path=xAxis] (axis cs: 0,0) -- (axis cs: 1,0);
      \addplot[fill=black, fill opacity=0.2] fill between [of=xAxis and F, soft clip={domain=0.2:1}];
      \node[anchor=center, label=south east:$A(x)$] at (axis cs:0.5,0.5){};
   \end{axis}
\end{tikzpicture}

We perepare yet another set of parameters, like the xticks and ytick, and the x and y axis labels, you can change them as you see fit. you can experiment with the min and max values of the axis. and see their effects.

\node[anchor=center, label=south west:$O$] at (axis cs:0,0){};. This line creates a node at the point (0,0) on the coordinate axis, which represents the origin of the graph. The label=south west:$O$ option adds a label "O" to the node, positioned to the bottom-left of the node.

\addplot[name path=F, line width=0.3mm, blue, domain={0:2}]{sqrt(x)} node[pos=0.8, above left] {$C_f$};. This line plots a function of the form y=sqrt(x) for values of x ranging from 0 to 2. The name path=F option assigns a name "F" to the plot, which will be used later to fill the area under the curve. The line width=0.3mm, blue options set the appearance of the line to have a thickness of 0.3mm and a blue color. The node[pos=0.8, above left] {$C_f$} option adds a label "$C_f$" to the curve, positioned 80% of the way along the curve from the left, and above the curve.

\path[name path=xAxis] (axis cs: 0,0) -- (axis cs: 1,0);. This line creates a path named "xAxis" that starts from the point (0,0) on the coordinate axis and ends at the point (1,0). This path represents the x-axis of the graph. this actually doesn't do anything. it is just used int shading of the the area under the curve

\addplot[fill=black, fill opacity=0.2] fill between [of=xAxis and F, soft clip={domain=0.2:1}];. This line fills the area between the x-axis and the plot "F", for x-values between 0.2 and 1. The fill=black option sets the color of the fill to black, and the fill opacity=0.2 option sets the opacity of the fill to 20%. The of=xAxis and F option specifies the paths to fill between. The soft clip={domain=0.2:1} option clips the fill to the x-domain between 0.2 and 1. This line effectively shades the area under the curve between the x-values 0.2 and 1.

\node[anchor=center, label=south east:$A(x)$] at (axis cs:0.5,0.5){};. This line creates a node at the point (0.5,0.5) on the coordinate axis. The label=south east:$A(x)$ option adds a label "A(x)" to the node, positioned to the bottom-right of the node. This label represents a point on the curve, with x-coordinate 0.5 and y-coordinate sqrt(0.5).

And here is the entire code put together:

   


\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}

%maths
\usepackage{mathtools}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage{amsfonts}

%tikzpicture
\usepackage{tikz}
\usepackage{scalerel}
\usepackage{pict2e}
\usepackage{tkz-euclide}
\usetikzlibrary{calc}
\usetikzlibrary{patterns,arrows.meta}
\usetikzlibrary{shadows}
\usetikzlibrary{external}

%pgfplots
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
\usepgfplotslibrary{statistics}
\usepgfplotslibrary{fillbetween}

%colours
\usepackage{xcolor}

\begin{document}

\pgfplotsset{
   standard/.style={
      axis line style = thick,
      trig format=rad,
      enlargelimits,
      axis x line=middle,
      axis y line=middle,
      enlarge x limits=0.15,
      enlarge y limits=0.15,
      every axis x label/.style={at={(current axis.right of origin)},anchor=north west},
      every axis y label/.style={at={(current axis.above origin) },anchor=south east},
      grid=both,
      ticklabel style={font=\tiny, fill=white}
   }
}

\begin{tikzpicture}
   \begin{axis}[standard,
         xtick={0.1,0.2,0.5,1},
         ytick={0.1,0.2,0.5,1,2},
         xticklabels={$0.1$,$0.2$,$0.5$,$1$},
         yticklabels={$0.1$,$0.2$,$0.5$,$1$,$2$},
         xlabel={ $x$},
         ylabel={ $y$},
         samples=1000,
         xmin=0, xmax=1.3,
      ymin=0, ymax=1.3]

      \node[anchor=center, label=south west:$O$] at (axis cs:0,0){};
      \addplot[name path=F, line width=0.3mm, blue, domain={0:2}]{sqrt(x)} node[pos=0.8, above left] {$C_f$};
      \path[name path=xAxis] (axis cs: 0,0) -- (axis cs: 1,0);
      \addplot[fill=black, fill opacity=0.2] fill between [of=xAxis and F, soft clip={domain=0.2:1}];
      \node[anchor=center, label=south east:$A(x)$] at (axis cs:0.5,0.5){};
   \end{axis}
\end{tikzpicture}

\end{document}

This code will produce the following picture:

shading an area under a curve using latex tikz and pgfplots

And to shade the area between two curves we use another plot instead of using the xAxis path we used earlier. it would be like this:

   

\documentclass{standalone}
\standaloneconfig{border=2mm 2mm 2mm 2mm}

%maths
\usepackage{mathtools}
\usepackage{amsmath}
\usepackage{amssymb}
\usepackage{amsfonts}

%tikzpicture
\usepackage{tikz}
\usepackage{scalerel}
\usepackage{pict2e}
\usepackage{tkz-euclide}
\usetikzlibrary{calc}
\usetikzlibrary{patterns,arrows.meta}
\usetikzlibrary{shadows}
\usetikzlibrary{external}

%pgfplots
\usepackage{pgfplots}
\pgfplotsset{compat=newest}
\usepgfplotslibrary{statistics}
\usepgfplotslibrary{fillbetween}

%colours
\usepackage{xcolor}

\begin{document}
\pgfplotsset{
   standard/.style={
      axis line style = thick,
      trig format=rad,
      enlargelimits,
      axis x line=middle,
      axis y line=middle,
      enlarge x limits=0.15,
      enlarge y limits=0.15,
      every axis x label/.style={at={(current axis.right of origin)},anchor=north west},
      every axis y label/.style={at={(current axis.above origin) },anchor=south east},
      grid=both,
      ticklabel style={font=\tiny, fill=white}
   }
}

\begin{tikzpicture}
   \begin{axis}[standard,
         xtick={0.1,0.2,0.5,1},
         ytick={0.1,0.2,0.5,1,2},
         xticklabels={$0.1$,$0.2$,$0.5$,$1$},
         yticklabels={$0.1$,$0.2$,$0.5$,$1$,$2$},
         xlabel={ $x$},
         ylabel={ $y$},
         samples=1000,
         xmin=0, xmax=1.3,
      ymin=0, ymax=1.3]

      \node[anchor=center, label=south west:$O$] at (axis cs:0,0){};
      \addplot[name path=F, line width=0.3mm, red, domain={0:2}]{x^2} node[pos=0.4, above left] {$C_f$};
      \addplot[name path=G, line width=0.3mm, blue, domain={0:2}]{sqrt(x)} node[pos=0.8, above left] {$C_g$};
      \addplot[fill=black, fill opacity=0.2] fill between [of=F and G, soft clip={domain=0:1}];
   \end{axis}
\end{tikzpicture}

\end{document}

And the result will be like this

shading an area between two curves using latex tikz and pgfplots

And that's it. I hope you liked this latex tutorial. and let me know in the comment section bellow if I missed something or if you have any suggestion or request for another latex tutorial. happy writing

MOSAID Articles & Tutorials - Latex

How to Set Up Multiple Arabic Fonts for LaTeX on Linux and Windows

How to Set Up Arabic Fonts for LaTeX on Linux and Windows

Creating Professional Exams with LaTeX: A Complete Guide

Introduction

Preamble and Exam Settings

Question Types

Check Options (Multiple Choice)

Fill in the Blank

Direct Question with Space for Answers

The Exam

Conclusion

Manual Order of References in LaTeX

Why Manual Ordering?

Creating a Manually Ordered Bibliography

Example LaTeX File (`main.tex`)

Steps to Compile

Advantages and Disadvantages

Advantages:

Disadvantages:

Conclusion

How to Use plain and unsrt Bibliography Styles in LaTeX

Using the `plain` Style

LaTeX File (`main.tex`)

BibTeX File (`references.bib`)

Using the `unsrt` Style

LaTeX File (`main.tex`)

BibTeX File (`references.bib`)

Compiling the Document

Creating Visually Stunning Banners for Websites with LaTeX

The LaTeX Code:

How to Create Circular Profile Pictures in LaTeX: A Step-by-Step Guide

Step 1: Preparing the LaTeX Environment

Step 2: Writing the LaTeX Code

Explanation

Conclusion

Enhance LaTeX Efficiency: Divide and Conquer with input Command

1. Divide and Conquer: Organizing Your Project

2. Using \input command

3. Streamlining Your Workflow with Separate Files

a. Packages:

b. Definitions:

c. Shortcuts:

4. Best Practices and Tips

5. Conclusion

Get Started with LaTeX: A Step-by-Step Beginner's Tutorial

Getting Started with LaTeX: A Beginner's Guide

What is LaTeX?

Getting Started:

Basic Structure:

Example:

Compiling Your Document:

Conclusion:

Create Stunning LaTeX Figures with GeoGebra: Step-by-Step Tutorial

Introduction

Exporting Figures to LaTeX TikZ

1. Exporting from GeoGebra:

2. Integrating into LaTeX Documents:

Advantages of Using GeoGebra for LaTeX Figures

1. Interactive Visualization:

2. Ease of Use:

3. Versatility:

4. Export Options:

5. Consistency:

Advanced Techniques and Tips

1. Animating Figures:

2. Optimizing TikZ Code:

Animating Figures

Conclusion

Additional Resources

1. GeoGebra Tutorials and Documentation:

2. LaTeX Documentation and Forums:

3. Online Communities and Forums:

Creating GIF Animations from LaTeX Figures: A Comprehensive Tutorial

Introduction:

Purpose of the Script:

Breakdown of the Script:

1. Setting up the environment

2. The canvas and x-axis

3. plot and circle

2. Using `\input` command