title: How to get a special character to render correctly in d3.js?
body: <p>I have made amendments to this example here: <a href="http://bl.ocks.org/mbostock/raw/3885304/" rel="nofollow noreferrer">http://bl.ocks.org/mbostock/raw/3885304/</a></p>
  
  <p>I am using data from the top 20 richest football clubs from the Deloitte Money league: <a href="https://www2.deloitte.com/uk/en/pages/press-releases/articles/deloitte-football-money-league-score-record-revenue.html" rel="nofollow noreferrer">https://www2.deloitte.com/uk/en/pages/press-releases/articles/deloitte-football-money-league-score-record-revenue.html</a></p>
  
  <p>I have noticed that Athletico Madrid is coming up with an error.
  Atl�tico de Madrid - this how it is rendered.</p>
  
  <p>How can I correct that, please? The data that is being parsed to d3js is a .csv file that is being served by a local web server.</p>
  
  <p>In the .csv file it looks correct like: Atlético de Madrid. </p>
  
  <p><a href="https://i.stack.imgur.com/nGkV8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nGkV8.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/2w0fI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2w0fI.png" alt="enter image description here"></a></p>