Urban Graph is an easy-to-use graphing interface that handles the tedious task of hardcoding graphs, or formatting your data to fit modern graphing libraries. It can be custom-generated by passing it arguments via a simple react form, which allows for the possibility of user-created graphs.

Users could interact with a form and use it to send information to UrbanGraph component to generate graphs of their own. This would allow for users to view the information that they are interested in viewing rather than having the developer "guesstimate" what information would be relevant to a given user, allowing for a versatile use case in various web and mobile applications or dashboards. Furthermore, graphs come with options to export them as PNG, PDF, SVG, JPG or even print them directly from browser, providing a convenient experience for users.

The images show how easy it is to view the same data in different formats with the simple selection of a form field. For pie-like graphs, the interface detects the value of the provided attribute and intelligently chooses whether to group data points by argument-axis' value, or by counting the number of occurrences (e.g. with gender fields in data set marked as 'm', 'f', etc.).

Since this is my first attempt at creating an npm package, I am still working on adding more features and different graphing options, as well as making it as simple as possible for developers to automate graph creation. 

I would appreciate any feedback, or contributions towards the repository!

‍