Creating a comparison chart

Question

How to create a chart as follows using LaTeX. This is just one example. You can also share your more elegant suggestions.

MWE:

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{intersections}
\begin{document}
\pagestyle{empty}
\begin{tikzpicture}

\begin{scope}[shift={(3cm,-5cm)}, fill opacity=0.5,
  mytext/.style={text opacity=1,font=\large\bfseries}]

\draw[fill=blue, draw = black] (0,0) circle (8);
\draw[fill=yellow, draw = black,name path=circle 1] (0,-2) circle (6);
\draw[fill=green, draw = black,name path=circle 2] (0,-2) circle (3);



\node[mytext] at (0.4,7) (A) {Artifical Intelligence}; 
\node[mytext] at (0,3.3) (C) {Machine Learning}; 
\node[mytext] at (0,0.1) (E) {Deep Learning};
\end{scope}
\end{tikzpicture}

\end{document}

P.S.: I have a problem with coloring. Because the color changes at the intersection of the diagram. Also, I'm living a problem with entering the text to the next line and adding arrows like in the second figure.

or another example is

Hello. Since you're not new to this site, you probably know (or at least you should) that this is not a do it for me site. Please edit your post to provide a minimal working example (MWE) and ask for help about a specific issue you encounter. — SebGlav, Aug 18 '22 at 08:34
How? // Use tikz. Draw 3 circles. Use 3 "split rectangle" objects to host headline and text. Or replace the headline with an image to obtain the second example. // We are looking forward to your Edit to append tikz-code (from \documentclass to \end{document}) and screenshot(s). — MS-SPO, Aug 18 '22 at 12:21
Good places to start: 1) Minimal introduction (https://www.ctan.org/pkg/pgf) 2) Tikz-manual (https://www.ctan.org/pkg/pgf) 3) https://texample.net/tikz/examples/venn/ 4) split rectangles: https://tex.stackexchange.com/questions/301404/how-to-split-tikz-rectangle-by-half-with-different-colors-and-text-lines . — MS-SPO, Aug 18 '22 at 12:26

score 2 · Answer 1 · answered Aug 18 '22 at 18:53

Here are some ways to do it, which address most of your questions:

for simplicity I changed to standalone, which is independent of paper size; readjust later to article
I added two more libraries, which will be needed below
I put a help grid to have a better idea of the dimensions and coordinates you chose
add align=center to your nodes options, so you'll have multilines
I also put an example for shape rectangle split
as an example I put a new node (m) for text to the left
I draw 2 lines, the straight line with the standard arrow tip, a bent line with e.g. the {Stealth} tip, to show the differences

Remaining issues:

alignment, postioning
using different text fonts
color

(can be solved in various ways with tikz)

\documentclass[10pt, border=10pt]{standalone}% fits paper automatically
\usepackage{tikz}
\usetikzlibrary{intersections, shapes.multipart, % <<< for rectangle split
                arrows.meta}
\begin{document}
\pagestyle{empty}
\begin{tikzpicture}

\begin{scope}[shift={(3cm,-5cm)}, fill opacity=0.5,
  mytext/.style={text opacity=1,font=\large\bfseries}]

\draw [help lines] (0,0) grid (5,5); % &lt;&lt;&lt; to &quot;see&quot; coordinates
\draw[fill=blue, draw = black] (0,0) circle (8);
\draw[fill=yellow, draw = black,name path=circle 1] (0,-2) circle (6);
\draw[fill=green, draw = black,name path=circle 2] (0,-2) circle (3);



\node[mytext, align=center] at (0.4,7) (A) % &lt;&lt;&lt; align
        {Artifical Intelligence\\ sth. else}; % &lt;&lt;&lt; now you have multi-lines
\node[mytext] at (0,3.3) (C) {Machine Learning}; 

\node[mytext,   rectangle split, 
                rectangle split parts=2, align=center] % &lt;&lt;&lt; alternative
        at (0,-2) (E) % &lt;&lt;&lt; shifting
        {Deep Learning
         \nodepart{two} % &lt;&lt;&lt; rectangle split
            Subnset of \\
            machine learning\\
            which 
        };


\node [mytext] (m) at  (-10, 3.2) {Machine Learning};  
\draw [-&gt;] (m) to (C); % standard arrow tip
\draw [-{Stealth}] (m) to [bend left] (C); % a different tip from arrows.meta

\end{scope}
\end{tikzpicture}

\end{document}

Creating a comparison chart

1 Answers1