Git Product home page Git Product logo

d3js-uk-political-donations's People

Contributors

alexandrosairg avatar andreanastil avatar anthidrougani avatar asteriosp avatar diogenisal avatar giannis-aggelis avatar giorgiomotors avatar korinaal avatar manos5545 avatar marcoumarcos avatar mariachgeo avatar nefelinikiforou avatar nikikpt avatar p12tzia avatar p13bebe avatar p13chat avatar p13dima avatar p13mant2 avatar p15atha avatar p15githubstudent avatar p15kivr avatar p15mago avatar p15poly avatar p15syme avatar p15tsiv avatar petros1997 avatar raby97 avatar randomperson19 avatar riniw avatar tasoulastheofanis avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

d3js-uk-political-donations's Issues

Παραδοτέο 1

Ζητούμενα στα οποία απαιτούνται αλλαγές στο προσωπικό σας αποθετήριο

  • Ο σύνδεσμος της σελίδας σας με την εφαρμογή.
  • Εφαρμόστε τις κατάλληλες αλλαγές έτσι ώστε το url της εφαρμογής σας να μην χρειάζεται να καταλήγει σε "full-viz.html" (π.χ. από Mitsos.github.io/D3js-uk-political-donations/full-viz.html σε Mitsos.github.io/D3js-uk-political-donations/).
  • Αλλαγή χρωμάτων στις μπάλες με τα δεδομένα, καθώς και στα αντίστοιχα 3 πεδία της ομαδοποίησης Split by party.
  • Να ακούγεται ήχος κάθε φορά που ο χρήστης της εφαρμογής κάνει κλικ σε μία από τις επιλογές/κουμπιά ομαδοποίησης των δεδομένων.
  • Τροποποιήστε τον κώδικα έτσι ώστε όταν κάνετε κλικ σε κάθε μπάλα να ανοίγει ένα νέο παράθυρο με τα αποτελέσματα της αναζήτησης στο google για τον αντίστοιχο δωρητή.
  • Ορισμένοι από τους αναγνώστες της εφαρμογής ενδεχομένως να είναι άτομα με περιορισμένη όραση. Τροποποιήστε τον κώδικα της εφαρμογής έτσι ώστε το ποντίκι να λειτουργεί και ως μεγεθυντικός φακός όταν μεταφέρεται επάνω από τις λέξεις του κειμένου.
  • Για τον ίδιο λόγο, τροποποιήστε τον κώδικα της εφαρμογής έτσι ώστε όταν το ποντίκι βρίσκεται μέσα στον κύκλο κάποιου δωρητή, να ακούγεται η ονομασία του δωρητή και το ποσό της δωρεάς.
  • Δημιουργήστε τουλάχιστον μία ακόμα επιλογή ομαδοποίησης των δεδομένων (π.χ. Split by the amount of the donation).

Ζητούμενα στα οποία απαιτούνται αλλαγές (pull request) στο κοινό αποθετήριο του κώδικα

  • Δημιουργήστε ένα αρχείο .csv στον φάκελο participants του αποθετηρίου του κώδικα.
    Το αρχείο θα έχει για τίτλο τον Α.Μ. σας (μόνο αριθμούς) και περιεχόμενο τα στοιχεία σας (για παράδειγμα δείτε το αρχείο του φοιτητή 20ΧΧΧΧΧ)

  • Στον φάκελο photos αποθετηρίου, θα πρέπει να τοποθετήσετε εικόνες 5 δωρητών (φωτογραφίες αν πρόκειται για φυσικά πρόσωπα ή τα λογότυπα αν πρόκειται για οργανισμούς ή εταιρείες).

Η κάθε εικόνα θα πρέπει να είναι .ico, 42x42 pixels και η ονομασία της να είναι η επωνυμία του δωρητή (case sensitive), όπως αυτή εμφανίζεται στο αρχείο με τους δωρητές.

Για να μην υπάρχουν αλληλοεπικαλύψεις, ο/η κάθε φοιτητής/ια θα πρέπει αρχικά να δηλώσει στο παρόν issue ποιους δωρητές θα επιλέξει, αφού προηγουμένως έχει ελέγξει ότι δεν τους έχει επιλέξει κάποιος/α άλλος/η.

Όταν γίνει δεκτό το pull request στο κεντρικό αποθετήριο, η εικόνα του δωρητή θα αντικαταστήσει αυτόματα την εικόνα του github στον αντίστοιχο κύκλο του γραφήματος.

Σημείωση: Κάθε αλλαγή ή προσθήκη αρχείου για επιμέρους υπο-παραδοτέο, η οποία προορίζεται για pull request στο κεντρικό αποθετήριο της άσκησης (/κώδικα), συνίσταται να γίνεται σε δικό της ξεχωριστό κλαδί (branch).
Προτείνεται να έχει δημιουργηθεί εξ αρχής από ένα "καθαρό" branch του αποθετηρίου για κάθε προσθήκη (pull request) που ενδεχομένως θα κάνετε αργότερα στο κεντρικό αποθετήριο του κώδικα/άσκησης.

Παραδοτέο2/Απορία

Καλησπέρα,
Θα ήθελα να ρωτήσω σχετικά με την δημιουργία ενός ακόμα D3 γραφήματος με τα ίδια δεδομένα, μπορούμε να δημιουργήσουμε καινούργιο repository και να εισάγουμε εκεί τον κώδικα ή θεωρείται λάθος?
Ευχαριστώ εκ των προτέρων.

Παραδοτέο #4

  • Δημιουργία ενός ακόμα D3 γραφήματος οπτικοποίησης των ίδιων δεδομένων.
  • Δημιουργία του ίδιου D3 γραφήματος οπτικοποίησης με νέα ανοικτά δεδομένα που θα βρείτε από επίσημη Στατιστική Αρχή.

Παραδοτέο 1 potential conflicts

Θέλω να ρωτήσω, εφόσον όλες οι αλλαγές θα γίνουν στο αποθετήριο μας (αυτές για το visualization αλλά και για το .csv αρχείο), πώς θα γίνει το pull request για το τελευταίο χωρίς να επηρεαστεί και ο κώδικας στο δικό σας αποθετήριο; Γιατί αν δεν κάνω λάθος στο pull request θα περιέχονται όλα, κάτι που δεν είναι επιθυμητό. Σωστά;

Παραδοτέο #1

  • Ο σύνδεσμος της σελίδας σας με την εφαρμογή.
  • Εφαρμόστε τις κατάλληλες αλλαγές έτσι ώστε το url της εφαρμογής σας να μην χρειάζεται να καταλήγει σε "full-viz.html.html" (π.χ. μετατροπή από Mitsos.github.io/D3js-uk-political-donations/full-viz.html σε Mitsos.github.io/D3js-uk-political-donations/).
  • Αλλαγή χρωμάτων στις μπάλες με τα δεδομένα, καθώς και στα αντίστοιχα 3 πεδία της ομαδοποίησης Split by party.
  • Να ακούγεται ήχος κάθε φορά που ο χρήστης της εφαρμογής κάνει κλικ σε μία από τις επιλογές/κουμπιά ομαδοποίησης των δεδομένων.
  • Τροποποιήστε τον κώδικα, έτσι ώστε όταν κάνετε κλικ σε κάθε μπάλα να ανοίγει ένα νέο παράθυρο με τα αποτελέσματα της αναζήτησης στο google για τον αντίστοιχο δωρητή.

Παραδοτέο 2

Ζητούμενα στα οποία απαιτούνται αλλαγές στο προσωπικό σας αποθετήριο

  • Όταν το ποντίκι εισέρχεται σε έναν από τους κύκλους του γραφήματος, εμφανίζονται οι πληροφορίες του αντίστοιχου δωρητή. Τροποποιήστε κατάλληλα τον κώδικα της εφαρμογής σας, έτσι ώστε σε μια περιοχή της ιστοσελίδας του γραφήματος που θα ορίσετε, να εμφανίζεται (και να επεκτείνεται δυναμικά) η σειρά των εικόνων με τους δωρητές πάνω από τους οποίους πέρασε ο δείκτης του ποντικιού σας στο γράφημα.
  • Δημιουργία ενός ακόμα D3 γραφήματος οπτικοποίησης των ίδιων δεδομένων.
  • Δημιουργία του ίδιου D3 γραφήματος οπτικοποίησης με νέα ανοικτά δεδομένα που θα βρείτε από επίσημη Στατιστική Αρχή.

Ζητούμενα στα οποία απαιτούνται αλλαγές (pull request) στο κοινό αποθετήριο του κώδικα

  • Στον φάκελο participants υπάρχει το αρχείο index, το οποίο αντιστοιχεί στην ιστοσελίδα με τους φοιτητές της άσκησης. Σε αυτό το αρχείο, θα πρέπει να γράψετε τον κατάλληλο κώδικα προκειμένου να εμφανίζονται τα στοιχεία σας (github username & picture) με κάποια κίνηση, όπως είναι ενδεικτικά το περιεχόμενο του πρώτου πλαισίου (υπόδειγμα). Η κίνηση στα στοιχεία σας (και ο κώδικας που θα γράψετε αντίστοιχα) θα πρέπει να είναι διαφορετική από την κίνηση στο υπόδειγμα.

O κώδικας της ιστοσελίδας είναι χωρισμένος σε περιοχές (position#001, position#002, ...).
Ο/Η κάθε φοιτητής/ια θα πρέπει να δηλώσει στο παρόν issue ποια περιοχή θα δεσμεύσει, αφού πρώτα έχει ελέγξει τα παλαιότερα posts με τις δεσμεύσεις των άλλων.

Όποια αλλαγή λάβει χώρα στο αρχείο participants/index.html, θα πρέπει να περιοριστεί αποκλειστικά και μόνο εντός της περιοχής του κώδικα που έχετε δεσμεύσει.

  • Το github δίνει τη δυνατότητα να αντλούμε δυναμικά στατιστικά δεδομένα από κάθε δημόσιο αποθετήριο. Τέτοιου είδους οπτικοποιημένα δεδομένα διαθέτει κάθε αποθετήριο στην καρτέλα Insigts. Σκοπός του υποερωτήματος είναι να κατασκευάσετε μια σελίδα με τίτλο τον Α.Μ. σας (π.χ. 20*****.***) και να γράψετε τον κατάλληλο κώδικα έτσι ώστε να αντλούνται δυναμικά και να οπτικοποιούνται σε αυτήν οι όποιες συνεισφορές που έχουν γίνει (χρήστες, commits κ.λπ) στο κεντρικό αποθετήριο του κώδικα από τους χρήστες.

Στη συνέχεια, το αρχείο σας θα πρέπει να ανέβει (pull request) στο κεντρικό αποθετήριο του κώδικα και συγκεκριμένα στον φάκελο participants.
Σε περίπτωση που είναι αναγκαίο να ανεβάσετε και συνοδευτικά αρχεία στο κοινό αποθετήριο, κάθε συνοδευτικό αρχείο θα πρέπει να περιλαμβάνει στον τίτλο του τον Α.Μ. σας.

Σημείωση: Κάθε αλλαγή ή προσθήκη αρχείου για επιμέρους υπο-παραδοτέο, η οποία προορίζεται για pull request στο κεντρικό αποθετήριο της άσκησης (/κώδικα), συνίσταται να γίνεται σε δικό της ξεχωριστό κλαδί (branch).
Προτείνεται να έχει δημιουργηθεί εξ αρχής από ένα "καθαρό" branch του αποθετηρίου για κάθε προσθήκη (pull request) που ενδεχομένως θα κάνετε αργότερα στο κεντρικό αποθετήριο του κώδικα/άσκησης.

Images

Έχω επιλέξει εικόνες για τους εξής δωρητές:

  1. Shore Capital Group --603
  2. Saatchi and Saatchi Group --786
  3. Lycamobile UK --600
  4. Joseph Powntree Reform Trust --820
    5)C and C Group --823

Παραδοτέο #3

  • Ορισμένοι από τους αναγνώστες της εφαρμογής ενδεχομένως να είναι άτομα με περιορισμένη όραση. Τροποποιήστε τον κώδικα της εφαρμογής έτσι ώστε το ποντίκι να λειτουργεί και ως μεγεθυντικός φακός όταν μεταφέρεται επάνω από λέξεις του κειμένου.
  • Για τον ίδιο λόγο, τροποποιήστε τον κώδικα της εφαρμογής έτσι ώστε όταν το ποντίκι βρίσκεται μέσα στον κύκλο κάποιου δωρητή, να ακούγεται η ονομασία του δωρητή και το ποσό της δωρεάς.
  • Δημιουργήστε τουλάχιστον μία ακόμα επιλογή ομαδοποίησης των δεδομένων (π.χ. Split by the amount of the donation).

Παραδοτέο2/Απορία

Καλησπέρα,
θα ήθελα να ρωτήσω σχετικά με το δεύτερο παραδοτέο και συγκεκριμένα για την δημιουργία ενός
ακόμη D3 γραφήματος οπτικοποίησης των ίδιων δεδομένων.
Μπορούμε για το καινούργιο γράφημα να ομαδοποιήσουμε τα δεδομένα προκειμένου να δημιουργήσουμε πίτα η ραβδόγραμμα ; Δηλαδή, όσον αφορά το ποσό δωρεάς να το χωρίσουμε σε διαστήματα (π.χ 20k-50k κτλ)

Παραδοτέο2/Απορία

Καλησπέρα
θα ήθελα να ρωτήσω θα πρέπει να τροποποιήσουμε το αρχείο csv στο φάκελο participants με τα στοιχεία μας που είχαμε στείλει και για το δεύτερο παραδοτέo, ακόμη και αν δεν το έχουμε ολοκληρώσει?
Ευχαριστώ εκ των προτέρων

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.