GraphQL VS API Graph with 2 same examples

import express from "express";import cors from "cors";import { graphqlHTTP } from "express-graphql";import { makeExecutableSchema } from "@graphql-tools/schema";const app = express();const port = 4000;// In-memory data storeconst data = {  warriors: [    { id: "001", name: "Ahmed" },    { id: "002", name: "Abdalla" },  ],};// Schemaconst typeDefs = `type Warrior {  id: ID!  name: String!}type Query {  warriors: [Warrior]}`;// Resolver for warriorsconst resolvers = {  Query: {    warriors: (obj, args, context) => context.warriors,  },};const executableSchema = makeExecutableSchema({  typeDefs,  resolvers,});app.use(cors());app.use(express.json());app.use(express.urlencoded({ extended: true }));// Entrypointapp.use(  "/graphql",  graphqlHTTP({    schema: executableSchema,    context: data,    graphiql: true,  }));app.listen(port, () => {  console.log(`Running a server at http://localhost:${port}`);});

import express from "express";import cors from "cors";import apiGraph from "api-graph";const app = express();const port = 4000;// In-memory data storeconst warriors = [  { id: "001", name: "Ahmed" },  { id: "002", name: "Abdalla" },];app.use(cors());app.use(express.json());app.use(express.urlencoded({ extended: true }));app.use(apiGraph({ extract: "query" }));app.post("/api-graph", (req, res) => res.json({ warriors }));app.listen(port, () => {  console.log(`Running a server at http://localhost:${port}`);});