rkgibson2 / data-driven-dota Goto Github PK
View Code? Open in Web Editor NEWDota 2 visualizations, for CS 171 final project
Dota 2 visualizations, for CS 171 final project
https://www.youtube.com/watch?v=6wi0gF2Zyhw&feature=youtu.be
obviously need to up the resolution.
ok dota2wiki default hero stat color for agi int strength is actually horrible- ideas?
also can we get a team default highlighting hover color if poss? ideas please.
On the GitHub Wiki, could everyone write some short descriptions of the functions they wrote, just so if other people need to call them, they know what will happen.
I was thinking things like what the function takes for arguments, what it returns (if anything), what it does, and what global variables it relies on, plus anything else you think is important.
I think we may have a concurrency issue with our d2 library.
The library takes some time to load in the data from our json, however, the file calling the library functions may try to execute the functions before the data has been populated.
At the moment, I have wrapped my selector in a setTimeout(function(){},2000) to delay the call which seems to be working, but I don't think this is ideal.
Is there any way around this?
from piazza:
that is a wide, horizontal graph. i think this will link the column-like format of the page together and make the whole page more aesthetically pleasing
ideas?
Comment when you've updated your part of the process book for this week
@rkgibson2 @huihuifan What do we want these to look like? The dotabuff page? With the hero as an image in the back? At the moment I just implemented a very simple and plain table just to have the logic all there.
I select agility. Heroes filter.
I open the selector, deselect agility. Then I press close.
Nothing filters.
I open the selector, agility is deselected.
I think this is a problem.
so if a user clicks on the timeline without brushing, we need to figure out how to not read the event, because it consoles a lot of errors and all of the graphs blank?
@rkgibson2 not sure what you changed with the transitions or if this is an error on my side, but when the dots now come into the timeline from filtering, they don't line up with the str, int, agi axis.
Currently not remembering what was filtered and persist in showing that even on change and close - will fix now
because of all the little circles. can someone else work on styling it? it appears and stuff.
I am laaaa-tekkk-ing in. Let me know if you have any figures to add.
-Angela
legend colors aren't correct
On Bar Graph: click on item, see description and notes in the sidebar.
Do you think it makes sense to have the game mode filter inside the hero filter?
also, is it possible to move the timeline upwards so it is inline with the filters?
I have added conversion.html and conversion.js that can convert from api ID to name.
I have also included a way of displaying the images that you pulled from these names.
You can test this out in conversion.html using the console.
However, I noticed that there are a few naming convention issues between the names that I convert to, and the names of the images that you pulled. I.e. shadow_fiend vs. nevermore.
We may have to rename either the json file or the image files so that they are consistent and we can query these images successfully.
What does color represent? What kind of color do we want?
Once we decide how we want to operate the back end of our project, it may be better to have a library, or just another .js file that we import to use the functions.
maybe we shouldn't default to me, because two of the graphs basically don't show anything? thoughts?
@rkgibson2 incorporating the update function from the timeline in the filter seems to duplicate the timeline on filter. This wasn't an issue before.
with transitions
We need to parse and manipulate the data so it has what we need.
This includes translating hero/item ids into actual names and decoding the tower/barracks status.
We should definitely discuss together what we want the "correct form" to be.
here are some that i think are really nice:
https://wordpress.org/themes/arcade-basic'
http://wp-themes.com/minimatica/?TB_iframe=true&width=600&height=400
Perhaps create a library.
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.