5 ms·

Hey this looks really cool. Are you familiar with Metacademy? (https://metacademy.org/ https://metacademy.org/) (previously on HN: https://news.ycombinator.com/

Hey this looks really cool. Are you familiar with Metacademy? (https://metacademy.org/ https://metacademy.org/) (previously on HN: https://news.ycombinator.com/item?id=7617683 https://news.ycombinator.com/item?id=7617683) Looks like you are trying to do a very similar thing, although they are maybe operating on a more conceptual level. What have you used to build the site and do the layout? I'm always interested in how people are using graph-based UIs since I've been working on one myself over at Thicket.io: https://thicket.io https://thicket.io. (you can browse a graph of academic paper citations and then connect papers to policy arguments) It's a real challenge to display lots of information coherently.

nglgzz 9y ago
Yeah we were partly inspired by it and the idea is similar. Although, they seem to focus on ML and Math, while we hope to cover as many topics as possible. Another difference is that we don't host any content, but just links to resources. For rendering the maps we're using React and D3. D3 is used for calculating the position of elements on the page and, React for rendering and manipulating those elements. Before we had a ref and let D3 manage everything on that ref, but it got unmanageable quite fast. EDIT: if you're interested here's an article that explains what I'm talking about https://medium.com/@Elijah_Meeks/interactive-applications-with-react-d3-f76f7b3ebc71 https://medium.com/@Elijah_Meeks/interactive-applications-wi...
- ropeladder 9y ago
  Thanks for the link. I'm using D3 + Vue.js, with D3 handling the data, layout and rendering, and then Vue (with Vuex) handling events and state management. I think this example is closer to what you are doing (but using Vue)? https://emiliorizzo.github.io/vue-d3-network/ https://emiliorizzo.github.io/vue-d3-network/
  - nglgzz 9y ago
    I'm not familiar with Vue, but from the source of that link it seems a similar approach.
- jyu 9y ago
  If you link to resources instead of hosting content on your own site, consider having a plan to deal with link rot and site policy changes.

nglgzz 9y ago

Yeah we were partly inspired by it and the idea is similar. Although, they seem to focus on ML and Math, while we hope to cover as many topics as possible. Another difference is that we don't host any content, but just links to resources. For rendering the maps we're using React and D3. D3 is used for calculating the position of elements on the page and, React for rendering and manipulating those elements. Before we had a ref and let D3 manage everything on that ref, but it got unmanageable quite fast. EDIT: if you're interested here's an article that explains what I'm talking about https://medium.com/@Elijah_Meeks/interactive-applications-with-react-d3-f76f7b3ebc71 https://medium.com/@Elijah_Meeks/interactive-applications-wi...

ropeladder 9y ago
Thanks for the link. I'm using D3 + Vue.js, with D3 handling the data, layout and rendering, and then Vue (with Vuex) handling events and state management. I think this example is closer to what you are doing (but using Vue)? https://emiliorizzo.github.io/vue-d3-network/ https://emiliorizzo.github.io/vue-d3-network/
- nglgzz 9y ago
  I'm not familiar with Vue, but from the source of that link it seems a similar approach.
jyu 9y ago
If you link to resources instead of hosting content on your own site, consider having a plan to deal with link rot and site policy changes.