simon987/music-graph-ui
1
0
Fork 0
mirror of https://github.com/simon987/music-graph-ui.git synced 2025-04-10 14:06:41 +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 name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="referrer" content="no-referrer">
<meta name="description" content="OSS real-time graph visualization of music data">
<title>music-graph v1.1</title>
</head>
<body>

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

@ -1,7 +1,20 @@
<template>
<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>
<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>
</template>
@ -9,7 +22,6 @@
export default {
name: 'AboutPage'
}
</script>
@ -26,4 +38,8 @@ export default {
object {
font-size: 90%;
}
.el-main {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana', sans-serif;
}
</style>

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

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

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

@ -51,10 +51,12 @@ export default {
this.$notify({
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',
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