1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
import React from 'react';
import "../../app/globals.css";
import TitleBar from '@/components/TitleBar/TitleBar';
import Footer from '@/components/Footer/Footer';
import Head from 'next/head';
const About: React.FC = () => {
return (
<>
<Head>
<title>PhaseTracker - About</title>
<meta name="description" content="Information and Frequently Asked Questions about PhaseTracker" />
</Head>
<TitleBar title="About" backgroundColor="black" showHomeButton />
<div className="max-w-4xl mx-auto p-6">
<h1 className="text-4xl font-bold text-center mb-8">Information and Frequently Asked Questions</h1>
<div className="space-y-6">
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">What is this?</h2>
<p className="text-gray-700">
This is PhaseTracker. It tracks the YouTube subscriber count for members of the VTuber group Phase Connect. It is also the primary demo
of my boilerplate project, <a className="text-blue-600 hover:underline" href="https://github.com/pinapelz/NijiTrack>">NijiTrack</a> which allows
you to setup a subscriber tracker for any subset of YouTube channels (or VTuber organization).
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">Affiliation</h2>
<p className="text-gray-700">
This project is <strong>not</strong> affiliated with Phase Connect or any of its members. It is also not affiliated with any other VTuber related subscriber tracker
(although partially inspired by them).
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">What's Collected?</h2>
<p className="text-gray-700">
Some statitics such as video count or channel view count are provided for your convenience. These are generated hourly and are not saved historically <br/><br/>
Only subscriber count, channel name, profile picture is saved historically.
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">How often?</h2>
<p className="text-gray-700">
The data in the tables will update every hour. Historical data is recorded once a day at 12:00 AM PST. This number will then become the next point in the graph.
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">Graduation</h2>
<p className="text-gray-700">
If someone graduates (no longer active in Phase Connect), their data will be kept in the database but will no longer be updated. The main table will also no longer show a row for them.
You'll still be able to view their data on the main graph on the homepage.
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">Why are there so few datapoints before April 1st 2022?</h2>
<p className="text-gray-700">
This project only started collecting data on April 1st, 2022. Any data before that was manually recovered by me through Wayback Machine and various other sources.
<br/><br/>I've done this mostly for appearence sake, so that the graphs can start from the roughly the beginning of the channel's creation.
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">This new channel's data point doesn't start at 0</h2>
<p className="text-gray-700">
Data is collected hourly. Only "verifiable" datapoints are recorded, it's hard to catch a channel at exactly 0 subsribers. When a new channel debuts, it'll also
take some time for the system to notice that they are a part of Phase Connect.
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">Tech Stack?</h2>
<p className="text-gray-700">
Next, Python, and PostgreSQL. The big graph on the homepage is pre-rendered with Plotly, other graphs are made using CanvasJS
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">Can I get the data somehow?</h2>
<p className="text-gray-700">
I'll have a way for people to either grab a periodic database dump or CSV of the data soon. Please wait a bit longer.
</p>
</div>
<div className="border-b pb-4">
<h2 className="text-2xl font-semibold mb-2">A Personal Request</h2>
<p className="text-gray-700">
I ask that you refrain from using this data to harass or negatively compare the members of Phase Connect or any members in the VTubing community.
There is no race, please just enjoy the content.
That said, you are free to use this data for any purpose.
<br/><br/>
Phase Connectのメンバーや他のVTuberを嫌がらせたり、否定的に比較したりするために、このデータを使用することはお控えください。これは競争ではありませんので、動画や配信をお楽しみください。このデータはあらゆる目的でご自由にご利用いただけます。
</p>
</div>
</div>
</div>
<Footer/>
</>
);
};
export default About;
|
