chromium/chrome/browser/resources/side_panel/commerce/history_graph.html

<style>
  #historyGraph {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .tick {
    fill: var(--cr-secondary-text-color);
    font-size: 11px;
    line-height: 16px;
    user-select: none;
  }

  .axis,
  .circle,
  .path {
    stroke-width: 2px;
  }

  .divider,
  .dash-line {
    stroke-width: 1px;
  }

  .axis,
  .divider {
    stroke: var(--color-side-panel-commerce-graph-axis);
    stroke-linecap: round;
  }

  .path {
    fill: none;
    stroke-linejoin: round;
    stroke-linecap: round;
  }

  .dash-line {
    stroke-dasharray: 3,3;
    stroke-linecap: square;
  }

  .circle {
    fill: var(--color-side-panel-card-background);
  }

  .bubble {
    fill: var(--color-side-panel-commerce-graph-bubble-background);
    stroke: none;
  }

  .tooltip-text {
    fill: var(--cr-primary-text-color);
    font-size: 11px;
    line-height: 16px;
    text-anchor: middle;
  }

  .path,
  .dash-line,
  .circle {
    stroke: var(--color-side-panel-commerce-graph-line);
  }
</style>

<div id="historyGraph" tabindex="0" aria-live="polite"></div>