Packages

elixir_tracer

0.1.0
0.1.0

Local-first observability for Elixir with New Relic API parity. A complete tracing and observability solution that works entirely offline while maintaining compatibility with New Relic's API surface.

HexDocs

Current section

Files

Jump to
Readme
1 Version
2 Dependencies
Dependants
Files
Activity
elixir_tracer assets elixir_tracer.svg
Raw

assets/elixir_tracer.svg 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">

  <defs>

    <linearGradient id="elixirGradient" x1="0%" y1="0%" x2="100%" y2="100%">

      <stop offset="0%" style="stop-color:#4e2a84;stop-opacity:1" />

      <stop offset="100%" style="stop-color:#6e4a9e;stop-opacity:1" />

    </linearGradient>

    <linearGradient id="traceGradient" x1="0%" y1="0%" x2="0%" y2="100%">

      <stop offset="0%" style="stop-color:#a6d5fa;stop-opacity:0.8" />

      <stop offset="100%" style="stop-color:#4db8ff;stop-opacity:0.8" />

    </linearGradient>

  </defs>



  <!-- Background hexagon -->

  <polygon points="100,1 192,50.5 192,149.5 100,199 8,149.5 8,50.5" fill="url(#elixirGradient)" opacity="0.1"/>



  <!-- Hexagonal crystal gem -->

  <g id="crystal">

    <!-- Main hexagon body -->

    <polygon points="100,70 125,85 125,115 100,130 75,115 75,85"

             fill="url(#elixirGradient)"

             stroke="#4e2a84"

             stroke-width="2"/>



    <!-- Top facet (3D effect) -->

    <polygon points="100,60 125,85 100,70 75,85"

             fill="#6e4a9e"

             stroke="#4e2a84"

             stroke-width="1.5"

             opacity="0.9"/>



    <!-- Bottom facet (3D effect) -->

    <polygon points="100,140 125,115 100,130 75,115"

             fill="#3d1a5f"

             stroke="#4e2a84"

             stroke-width="1.5"

             opacity="0.8"/>



    <!-- Left facet -->

    <polygon points="75,85 75,115 70,100"

             fill="#5a3a7e"

             opacity="0.7"/>



    <!-- Right facet -->

    <polygon points="125,85 125,115 130,100"

             fill="#7e5aae"

             opacity="0.7"/>



    <!-- Inner facet lines for detail -->

    <line x1="100" y1="60" x2="100" y2="70" stroke="#8e6abe" stroke-width="1" opacity="0.6"/>

    <line x1="100" y1="130" x2="100" y2="140" stroke="#2d0a4f" stroke-width="1" opacity="0.6"/>

    <line x1="75" y1="85" x2="100" y2="70" stroke="#6e4a9e" stroke-width="1" opacity="0.5"/>

    <line x1="125" y1="85" x2="100" y2="70" stroke="#6e4a9e" stroke-width="1" opacity="0.5"/>



    <!-- Highlight shine on crystal -->

    <polygon points="100,65 110,80 105,90 95,85" fill="white" opacity="0.4"/>

    <circle cx="95" cy="75" r="3" fill="white" opacity="0.6"/>

  </g>



  <!-- Trace lines (representing observability/tracing) -->

  <g stroke="url(#traceGradient)" stroke-width="2" fill="none" opacity="0.9">

    <!-- Circular trace paths around the droplet -->

    <path d="M 50 100 Q 50 70 70 50" stroke-linecap="round"/>

    <path d="M 150 100 Q 150 70 130 50" stroke-linecap="round"/>

    <path d="M 60 140 Q 70 150 100 155" stroke-linecap="round"/>



    <!-- Trace dots -->

    <circle cx="50" cy="100" r="3" fill="#4db8ff"/>

    <circle cx="150" cy="100" r="3" fill="#4db8ff"/>

    <circle cx="70" cy="50" r="3" fill="#4db8ff"/>

    <circle cx="130" cy="50" r="3" fill="#4db8ff"/>

    <circle cx="60" cy="140" r="3" fill="#4db8ff"/>

    <circle cx="100" cy="155" r="3" fill="#4db8ff"/>

  </g>



  <!-- Signal waves (representing local-first nature) -->

  <g stroke="#a6d5fa" stroke-width="1.5" fill="none" opacity="0.6">

    <circle cx="100" cy="100" r="60"/>

    <circle cx="100" cy="100" r="70"/>

    <circle cx="100" cy="100" r="80"/>

  </g>



  <!-- Center dot -->

  <circle cx="100" cy="100" r="4" fill="#4db8ff"/>

</svg>