# React+D3.js - No Solution because there is no problem

**URL:** <https://forum.freecodecamp.org/t/react-d3-js-no-solution-because-there-is-no-problem/225404>\
**Category:** General\
**Created:** [September 10, 2018, 11:03am UTC](https://forum.freecodecamp.org/t/react-d3-js-no-solution-because-there-is-no-problem/225404 "2018-09-10T11:03:27Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![PaoloDiBello](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/paolodibello/32/381028_2.png) [@PaoloDiBello](https://forum.freecodecamp.org/u/PaoloDiBello)\
**Post date:** [September 10, 2018, 11:03am UTC](https://forum.freecodecamp.org/t/react-d3-js-no-solution-because-there-is-no-problem/225404/1 "2018-09-10T11:03:28Z")

</div>

That’s the Graph:

> <https://gist.github.com/mbostock/4062085>
>
> There are more than three files. show original

The graph is being shown but when I click the arrow buttons nothing changes…

> // Allow the arrow keys to change the displayed year.

```auto
  window.focus();
  d3.select(window).on("keydown", function() {
    switch (d3.event.keyCode) {
      case 37: year = Math.max(year0, year - 10); break;
      case 39: year = Math.min(year1, year + 10); break;
    }
    update();
  });

```

Should I change it a bit to make it fit the React concepts?

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:16pm UTC](https://forum.freecodecamp.org/t/react-d3-js-no-solution-because-there-is-no-problem/225404/2 "2021-01-17T20:16:34Z")

</div>

Closed on January 17, 2021, 8:16pm UTC