Las vistas de la red de Github parecen muy difíciles de aplicar ingeniería inversa al principio. Sin embargo, el código se vuelve bastante comprensible después de desminificarlo con http://jsbeautifier.org/ . Así que ejecute bundle_github.js y bundle_common.js y tome una fuente jQuery 1.4.2. Entonces estará listo para comenzar a leer la fuente/depurar la página.

En la página Red de Github, si el lienzo funciona, la red se genera simplemente:

 var ng = new Network("#ng", 920, 600)

que continúa usando un objeto generado por defineNetwork(window.jQuery) , que (entre muchas otras cosas)

1. obtiene datos de la API de la red Github
2. crea instancias de d.KeyDriver y d.MouseDriver para manejar la entrada
3. usa d.Chrome para dibujar la línea de tiempo, el encabezado y el pie de página
4. usa d.Graph para escribir el gráfico de red

(cada d.ClassName es una clase interna del objeto Network, por lo que su fuente se encuentra dentro del código fuente de defineNetwork )

No me tomé el tiempo para profundizar realmente en el código y encontrar todos los detalles sobre cómo funciona, pero se puede leer bien. Ahora, dependiendo de lo que quieras hacer, podrías, por ejemplo,

• (probablemente) haga modificaciones muy pequeñas para obtener el código para representar los datos de Github fuera de github.com
• haga que sus propios datos estén disponibles en el formato API de la red Github y visualice eso
• adapte solo la clase d.Graph para trabajar con sus propios datos
• solo lee el código y aprende

NOTA: Probablemente no pueda usar el código legalmente tal como está ni modificado, por lo que recomiendo hacerlo solo con fines de aprendizaje (a través de IANAL).

Es posible que desee confiar en la API de red de Github que maneja:

Listado de todos los datos necesarios para dibujar el gráfico de red, encabezados de cada bifurcación con nuevos cambios y todas las confirmaciones relevantes.

En cuanto a la representación, Github usa lienzo para mostrar su gráfico de red. Es posible que desee echar un vistazo a la biblioteca RaphaelJS que hace un buen trabajo al representar los gráficos de impacto de Github: http://raphaeljs.com/github/impact.html