title: d3.js, how can i create an axis with custom labels and customs ticks?
body: <p>I have an array similar to this:</p>
  
  <pre><code>[{year: 1999, val: 5}, {year: 2002, val: 8}]
  </code></pre>
  
  <p>and I would like to add an axis where I have one tick for each year value (something I can do with tickValues and tickFormat) but where the tick label is not only the year but has a custom format, so the result could be something like "1999: 5" for the first array element.</p>
  
  <p>To rephrase it:</p>
  
  <p>Where I'm now</p>
  
  <pre><code>const xAxis = d3.axisTop(xScale)
          .tickValues(data.map(d =&gt; d.year);
  </code></pre>
  
  <p>This is not ok because only the year is visualized on the label of the tick and I would like to use a custom format.</p>
  
  <p>Is this possible with d3?</p>