['innovation', 'critical thinking', 'discovery', 'socks', 'inflation']
Genera un codi en JavaScript que creï un gràfic de barres que mostri l'evolució de la inflació en els últims 5 anys. Les dades d'inflació anuals són: 2018: 1.5%, 2019: 2.1%, 2020: 0.8%, 2021: 3.5%, 2022: 6.2%.
```javascript
const anys = ['2018', '2019', '2020', '2021', '2022'];
const inflacio = [1.5, 2.1, 0.8, 3.5, 6.2];

const dades = anys.map((any, index) => ({
  any: any,
  inflacio: inflacio[index],
}));

const margin = { top: 20, right: 20, bottom: 30, left: 40 };
const width = 960 - margin.left - margin.right;
const height = 500 - margin.top - margin.bottom;

const svg = d3.select('body').append('svg')
  .attr('width', width + margin.left + margin.right)
  .attr('height', height + margin.top + margin.bottom)
  .append('g')
  .attr('transform', `translate(${margin.left},${margin.top})`);

const x = d3.scaleBand().range([0, width]).padding(0.1);
const y = d3.scaleLinear().range([height, 0]);

x.domain(dades.map(d => d.any));
y.domain([0, d3.max(dades, d => d.inflacio)]);

svg.append('g')
  .attr('transform', `translate(0,${height})`)
  .call(d3.axisBottom(x));

svg.append('g')
  .call(d3.axisLeft(y));

svg.selectAll('.bar')
  .data(dades)
  .enter().append('rect')
  .attr('class', 'bar')
  .attr('x', d => x(d.any))
  .attr('width', x.bandwidth())
  .attr('y', d => y(d.inflacio))
  .attr('height', d => height - y(d.inflacio));
```