simon987/music-graph-ui
1
0
Fork 0
mirror of https://github.com/simon987/music-graph-ui.git synced 2025-04-20 02:16:42 +00:00
Code Issues Projects Releases Wiki Activity

About page

Browse Source
This commit is contained in:
simon 2019-07-15 10:07:19 -04:00
parent 43b6917ed3
commit eec653c880
5 changed files with 1024 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
music_graph/index.html
View File

@ -4,6 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="referrer" content="no-referrer"> <meta name="referrer" content="no-referrer">
<meta name="description" content="OSS real-time graph visualization of music data">
<title>music-graph v1.1</title> <title>music-graph v1.1</title>
</head> </head>
<body> <body>

20
music_graph/src/components/AboutPage.vue
View File

@ -1,7 +1,20 @@
<template> <template>
<el-main> <el-main>
<span>This is the about page</span> <a href="/">Back</a>
<h2>music-graph - About</h2>
<p>This project was created to display the interconnectedness of the different actors and genres in contemporary music.</p>
<p>The raw data is collected, cleaned up and normalized using
<a href="https://github.com/simon987/music-graph-scripts">an array of Python scripts</a> and
orchestrated with <a href="https://github.com/simon987/task_tracker">task_tracker</a>. Below is the flow
of the collected data. The colored nodes are imported into a graph database (Neo4j).
</p>
<object data="/static/data.svg" type="image/svg+xml"></object> <object data="/static/data.svg" type="image/svg+xml"></object>
<p>About 1Tib of raw data is downloaded and processed into ~20Gb of binary data in the final stage.</p>
<p>The project and all its dependencies are entirely open source and can be found on
<a href="https://github.com/simon987/">Github</a></p>
<p></p>
<p>For any questions or feedback you can contact me by email at <code>me[at]simon987.net</code> <a href="https://simon987.net/gpg/">[GPG]</a></p>
</el-main> </el-main>
</template> </template>
@ -9,7 +22,6 @@
export default { export default {
name: 'AboutPage' name: 'AboutPage'
} }
</script> </script>
@ -26,4 +38,8 @@ export default {
object { object {
font-size: 90%; font-size: 90%;
} }
.el-main {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
}
</style> </style>

2
music_graph/src/components/InputBar.vue
View File

@ -4,7 +4,7 @@
class="inline-input" class="inline-input"
v-model="query" v-model="query"
:fetch-suggestions="fetchSuggestions" :fetch-suggestions="fetchSuggestions"
placeholder="Add nodes" placeholder="Add artists or tags here"
:trigger-on-focus="false" :trigger-on-focus="false"
@select="onSubmit" @select="onSubmit"
> >

6
music_graph/src/components/MainPage.vue
View File

@ -51,10 +51,12 @@ export default {
this.$notify({ this.$notify({
title: 'Welcome!', title: 'Welcome!',
message: 'Use the search bar to add nodes. Right click (or long tap) nodes for more options', message: 'Use the search bar to add nodes. Right click (or long tap) nodes for more options.' +
'<br><a href="/about">About this project</a>',
type: 'info', type: 'info',
duration: 45 * 1000, duration: 45 * 1000,
offset: 100 offset: 100,
dangerouslyUseHTMLString: true
}) })
} }
} }

1000
music_graph/static/data.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB