{"action":"created","issue":{"url":"https://api.github.com/repos/KrysD/wordCloud/issues/1","labels_url":"https://api.github.com/repos/KrysD/wordCloud/issues/1/labels{/name}","comments_url":"https://api.github.com/repos/KrysD/wordCloud/issues/1/comments","events_url":"https://api.github.com/repos/KrysD/wordCloud/issues/1/events","html_url":"https://github.com/KrysD/wordCloud/issues/1","id":129813390,"number":1,"title":"d3 layout cloud react integration and svg position","user":{"login":"KrysD","id":13766508,"avatar_url":"https://avatars.githubusercontent.com/u/13766508?v=3","gravatar_id":"","url":"https://api.github.com/users/KrysD","html_url":"https://github.com/KrysD","followers_url":"https://api.github.com/users/KrysD/followers","following_url":"https://api.github.com/users/KrysD/following{/other_user}","gists_url":"https://api.github.com/users/KrysD/gists{/gist_id}","starred_url":"https://api.github.com/users/KrysD/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KrysD/subscriptions","organizations_url":"https://api.github.com/users/KrysD/orgs","repos_url":"https://api.github.com/users/KrysD/repos","events_url":"https://api.github.com/users/KrysD/events{/privacy}","received_events_url":"https://api.github.com/users/KrysD/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-01-29T16:21:50Z","updated_at":"2016-01-29T17:23:20Z","closed_at":null,"body":"@iOiurson, \r\n\r\nI create an un reactive word cloud to represent the names list of the previous training.\r\n\r\nI have problem drawing all the words. \r\n![image](https://cloud.githubusercontent.com/assets/13766508/12680982/b530e46c-c6ac-11e5-8d0b-d641aa50d356.png)\r\n\r\nThe only solution i found to draw all the words is to reduce the word font size, to ensure the words fit in the svg or increase the size of svg.\r\nsee [here](https://github.com/KrysD/wordCloud/blob/1519b4cd965044b78400fe7a0f39890cf64b907b/main.js#L41-L42) \r\nSo i would like to knwo how tomove the cloud on the center of the body and attribute to the cloud the entire width and height ?\r\n\r\nThen i would like to include this code inside the react example we have done. Did i you think it will be easy to make it with react and redraw the cloud depending on the years and sexe selection ? \r\n\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/KrysD/wordCloud/issues/comments/176870753","html_url":"https://github.com/KrysD/wordCloud/issues/1#issuecomment-176870753","issue_url":"https://api.github.com/repos/KrysD/wordCloud/issues/1","id":176870753,"user":{"login":"iOiurson","id":8417814,"avatar_url":"https://avatars.githubusercontent.com/u/8417814?v=3","gravatar_id":"","url":"https://api.github.com/users/iOiurson","html_url":"https://github.com/iOiurson","followers_url":"https://api.github.com/users/iOiurson/followers","following_url":"https://api.github.com/users/iOiurson/following{/other_user}","gists_url":"https://api.github.com/users/iOiurson/gists{/gist_id}","starred_url":"https://api.github.com/users/iOiurson/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/iOiurson/subscriptions","organizations_url":"https://api.github.com/users/iOiurson/orgs","repos_url":"https://api.github.com/users/iOiurson/repos","events_url":"https://api.github.com/users/iOiurson/events{/privacy}","received_events_url":"https://api.github.com/users/iOiurson/received_events","type":"User","site_admin":false},"created_at":"2016-01-29T17:23:19Z","updated_at":"2016-01-29T17:23:19Z","body":"You should check out my PR before merging. To do so, you have CLI infos at the bottom of the PR.\r\nBasically, it's just:\r\n- checking out to a new branch for PR revision\r\n- `git pull` the branch of my remote repo\r\n- verify that my code actually works\r\n- merge the PR if you're satisfied, comment the PR if you're not.\r\n\r\nConcerning the React integration, it will be super easy, as long as you regenerate your cloud with the filtered names.\r\nYou could imagine a React component whose only purpose is to render a list of names passed as props. The filtering would be done as we did together on our training session."}}