¿Cómo hacer esas líneas en Tikz?

¿Cómo hacer esas líneas en Tikz?

Aquí las líneas:

Líneas

No tengo idea de cómo hacer el pequeño bulto. Si tan sólo fueran líneas rectas :)

Los colores son:

  • verde: #9DC634
  • naranja: #F39614
  • rosa: #F39614
  • morado: #AB7CB5

Gracias por tu ayuda

Respuesta1

Actualizar:Estoy agregando una segunda forma de hacerlo.

  1. La primera forma utiliza doublelínea y clips.
  2. La segunda forma utiliza arcs. Más fácil así pero no válido para ningún tipo de curva.
\documentclass[tikz,border=2mm]{standalone}
\newcommand{\myline}{(0,0) -- (5,0) to[out=0,in=180] (6,0.25) to[out=0,in=180] (7,0) -- (8,0)}

\definecolor{mygreen} {HTML}{9DC634}
\definecolor{myorange}{HTML}{F39614}
\definecolor{mypink}  {HTML}{FF00FF} % changed
\definecolor{mypurple}{HTML}{AB7CB5}

\begin{document}
\begin{tikzpicture}
\useasboundingbox (-0.5,-1.5) rectangle (8.5,1);
% first way
\begin{scope}
\clip (0,-1) rectangle (8,1);
\begin{scope}
\clip\myline |- (0,1) --cycle;
\draw[mypurple,double distance=1.5mm-\pgflinewidth] \myline;
\draw[mypink  ,double distance=0.5mm-\pgflinewidth] \myline;
\end{scope}
\begin{scope}
\clip\myline |- (0,-1) --cycle;
\draw[mygreen ,double distance=1.5mm-\pgflinewidth] \myline;
\draw[myorange,double distance=0.5mm-\pgflinewidth] \myline;
\end{scope}
\end{scope}
% second way
\begin{scope}[shift={(0,-1)}]
\foreach[count=\ii]\i in {mygreen,myorange,mypink,mypurple}
  \draw[draw=\i] (0,0.05*\ii) --++ (1,0) arc (270:290:1.5-0.05*\ii) arc (110:70:2+0.05*\ii)
                                         arc (250:270:1.5-0.05*\ii) --  (8,0.05*\ii);
\end{scope}
\end{tikzpicture}
\end{document}

ingrese la descripción de la imagen aquí

Respuesta2

Hacer que las curvas de Bézier sean paralelas no es un problema trivial. Aquí hay un tercer enfoque hacky.

Código

\documentclass[tikz]{standalone}
\begin{document}
\tikz[
  very thick,
  loo/.style args={#1:#2}{#1 looseness=1.05^\i,#2 looseness=.95^\i}
] \foreach[count=\i]\c in {9DC634, F39614, FFC0CB, AB7CB5}
    \color[HTML]{\c}
    \draw[yshift=\i mm, out=0, in=180] (0,0) --++(right:3)
      to[loo=in:out] ++(2,.5) to[loo=out:in] ++(2,-.5) -- ++(right:1);
\end{document}

Producción

ingrese la descripción de la imagen aquí

Respuesta3

Podrías bendla línea un poco:

\documentclass{article}

\usepackage{tikz}

\begin{document}

\begin{tikzpicture}[rounded corners=0.2cm]
\draw[red] (0,0) -- (5,0) to[bend left=35] (7,0) -- (9,0);
\draw[green,yshift=1mm] (0,0) -- (5,0) to[bend left=35] (7,0) -- (9,0);
\end{tikzpicture}

\end{document}

ingrese la descripción de la imagen aquí

Respuesta4

Aquí hay otra solución usandotikz-nfold, créditos paraesta respuestapor los colores.

Las ventajas de esta solución incluyen que funciona con casi todos los caminos y que las partes curvas están todas a una distancia constante entre sí. Las desventajas son que hay que cargar otra biblioteca y que los tiempos de compilación pueden ser un poco más largos.

Actualizar

La interfaz se ha vuelto más sencilla con la versión 0.1.0 de tikz-nfold:

\usepackage{tikz}
\usetikzlibrary{nfold}

[...]

\begin{tikzpicture}
  \path[save path=\mypath]
    (0,0) -- (5,0) to[out=0, in=180] (7,.75) to[out=0, in=180] (9,0) -- (10,0);
  \pgfsetlinewidth{1pt}
  \foreach \mycolor [count=\i] in {9DC634,F39614,FF00FF,AB7CB5}
    \definecolor{tempcolor}{HTML}{\mycolor}
    \color{tempcolor}
    \pgfoffsetpathindex{\mypath}{8pt}{\i}{4}
    \pgfusepathqstroke;
\end{tikzpicture}

captura de pantalla n veces

información relacionada