Interactive 3D Graph Update with Word Game

what i have included are 4 files

an example file showcasing a 3d graph: alpha_order.html
a sample txt file that feeds into the 3d graph: transformed_dictionary.txt
a json file showcasing a list of words: wordnet.json
and a sample question game file: question_game.html

these are all pure html, css, javascript so you can open them in your browser, the html files depend on the txt and json files so make sure you download them and put them in the same directory.


the sample question game file is a straightforward fill in the blank game. a question is asked and you have to guess the correct word corresponding to the definition. if you guess the word correctly it should be documented in the json file, mastery/proficiency with that word should increase. if you guess incorrectly, mastery should decrease. what we would like now is to access this data from a new version of the 3d graph code i sent you. in this new 3d graph, unfinished_code.html we would like to see only words that the user has already interacted with in the guessing game file, all other words remain unadded until the user comes across them. simple flow:

1) interact with a word in the guessing game
2) track interaction data in the json
3) only words that have interaction data in the json get added to the 3d graph

for a bonus, please make it so that there is color calibration based on proficiency with a particular word. that is to say, if you have interacted with a word but you have guessed on average very poorly with the word, that word's node will be more grey. if you have interacted with the word several times and have guessed correctly several times, the word's node will appear more golden. and a spectrum of color/brightness in between for mixed average of guessing.