Грубо говоря GraphiQL и есть аналог Swagger-а. На скриншотах на самом деле немного устаревшая IDE, но тем не менее функционал остался прежним: GraphiQL на основе схемы, комментариев к полям и директив генерирует документацию, вот пример (см. кнопку «schema» справа).
К слову, для обозначения depricated полей существует директива
@depricated(reason: "Please use `somethingElse` field"))
Думаю, стоило бы добавить отдельной веткой изучение d3.js или схожих библиотек для работы с графиками, всё-таки в мире разработки интерфейсов (именно этим мы и занимаемся) визуальное представление данных довольно-таки запаристая штука, особенно если эти данные можно менять динамически (фильтры, выбор периода и пр.)
Советую обратить внимание на graphql-shield.
К слову, для обозначения depricated полей существует директива
formik (https://github.com/jaredpalmer/formik) довольно-таки удобное решение для форм.