aidan-curtis / interactive-component-graph Goto Github PK
View Code? Open in Web Editor NEWA way to visualize CSV files using d3.js
A way to visualize CSV files using d3.js
This interactive graph shows the relationships between attributes of a given csv file. The user can chose two numerical attributes for the x and y axis and one nominal attribute for the color value. Python files contain the mechanism used to scrape data from the digikey.com website but data from any other website will require a custom built spider. D3 is used to visualize the data in various forms. The first form is a scatter plot which is used to show the basic relationship between the three selected attributes. The second form is a Voronoi Tessellation that is used to see the domains dominated by the nominal attribute. The Third form is a centroid map that is used to show where the nominal attributes lie on the spectrum of the x and y axis and how many data points they are represented by. The fourth form is a Delaunay Triangulation in which the maximum alpha can be adjusted. This will show the user the areas in which the nominal attribute is densely populated. You can use the seleniumdigikey.py python script to scrape the data from digikey or you can do it manually. Either way, you will have to end up merging all of the cvs files using a bash script or other program. Once the csv is merged, you can use csvchanger as a template for converting the integers with prefixes and suffixes into just plain integers. When you put these files on the server you can make a request to manufacturerextension.html to start the web application.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.