-
Notifications
You must be signed in to change notification settings - Fork 52
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Plotting Graphs using Chart.js #18
Conversation
This looks awesome!! Very well done. I just have one minor doubt, while selecting y-axis there should be some checking if that column can be selected because y-axis can only be number? or am I missing something? |
I think this is dependent on #15 ? |
Thanks a lot! And yes you are right, I did think about that, but I skipped
that just for now. But that is very important. Would you like to handle
that one?
…On Fri, May 10, 2019, 10:04 PM Naman Gupta ***@***.***> wrote:
This looks awesome!! Very well done. I just have one minor doubt, while
selecting y-axis there should be some checking if that column can be
selected because y-axis can only be number? or am I missing something?
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#18 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AJXHQZ2WN7RP3V2Q55TSMMDPUWP3BANCNFSM4HMED3CQ>
.
|
Yes, it covers that up as well, merging this will close #15 I believe
…On Fri, May 10, 2019, 10:10 PM Naman Gupta ***@***.***> wrote:
I think this is dependent on #15
<#15> ?
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#18 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AJXHQZZCTGRZVI3ONAWHRP3PUWQONANCNFSM4HMED3CQ>
.
|
How is the graph when we select a column with not all number values? For example column 1 in the above gif. Can you share the gif how it will look? |
And also how it will look in multiple columns(column without numbers) on the y-axis. I think if it looks fine we can go with it. Can you share the gif? |
Obviously, we will have to do some handling, but this is the basic functioning. |
Also, I think we can have a separate button for update graph, rather than updating using csv upload button after the graph like Update Graph. |
I think what you can do is that while processing and adding header you can check if that column is having not all numbers or not and then depending on that you put the checkbox? What do you say? It will solve our problem. Right? |
Yes yes, that was just for a demo! Actually this is not how the page will look like. In the deisgn I have made, there are 3 tabs, 1 for upload, 2nd for column selection, 3rd for chart(s) display and export and other options |
Oh Okay, so are you doing that checking in this pr. I think it won't take much time doing this. But it is up to you. |
Yes we can do that I think. Let's discuss all the problems and handle them with the best solutions! Also, I ave posted some solutions for export options in #17 , where we have to do some operations on the collected data. So we can probably club these error handlings and those together to maximize the speed of processing. What do you think? |
Also, we can actually think of a proper update button. For that, we'll have to properly think of the UI part. Like an update button on the 3rd tab that could take the user back to the 2nd tab to change the columns. Something like that? |
I think we can leave the exporting option for now and do later in the project. |
Yeah sure! Would like to handle these cases by merging this and pulling the code? |
For now, we are not focuing on ui. Just simple button for updating graph? |
Sure, we can do that too |
Although, that might not be very important for now, but it can be implemented! |
And one suggestion, when you merge any pr, merge it using |
Okay thanks for the tip!
…On Fri, May 10, 2019, 10:35 PM Naman Gupta ***@***.***> wrote:
And one suggestion, when you merge any pr, merge it using squash and merge.
It will make one commit in the main branch.
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#18 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AJXHQZ7OROEDRN7XYVTSAMDPUWTMPANCNFSM4HMED3CQ>
.
|
@jywarren what do you think about this?
…On Fri, May 10, 2019, 10:55 PM Isha Gupta ***@***.***> wrote:
Okay thanks for the tip!
On Fri, May 10, 2019, 10:35 PM Naman Gupta ***@***.***>
wrote:
> And one suggestion, when you merge any pr, merge it using squash and
> merge. It will make one commit in the main branch.
>
> —
> You are receiving this because you authored the thread.
> Reply to this email directly, view it on GitHub
> <#18 (comment)>,
> or mute the thread
> <https://github.com/notifications/unsubscribe-auth/AJXHQZ7OROEDRN7XYVTSAMDPUWTMPANCNFSM4HMED3CQ>
> .
>
|
Okay so I have handled the issue of showing the checkboxes against the valid columns only: Is this good to go @namangupta01 ? Also, I have displayed the whole table but the checkboxes are against only the valid columns. Do you think I should show only the valid columns and the checkboxes, which would reduce the size of the 2nd table since, in the first table, all columns are bring shown anyways? What do you think/ |
I would also request @SidharthBansal @gauravano @Souravirus to have a look at the progress for the project in this repo! Thanks a lot! |
Okay! So here is one more feature: Graphing menu with different graph types: |
Graphing menus are superb. Can we have colours introduced in it instead of grey colour always? |
Thank you so much! Absolutely, this is just the functional model, the
entire designing of the UI and the graphs has to be tackled!
…On Mon, May 13, 2019, 12:03 PM Sidharth Bansal ***@***.***> wrote:
Graphing menus are superb. Can we have colours introduced in it instead of
grey colour always?
Superb Isha
—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
<#18 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AJXHQZ4XI4XBPQPOAJPFKK3PVEDSTANCNFSM4HMED3CQ>
.
|
I think this is looking great. I think there's a Bootstrap "table" style
that gives some nice table padding, if you want to try that? This is so
exciting, Isha and Naman!
…On Mon, May 13, 2019 at 2:36 AM Isha Gupta ***@***.***> wrote:
Thank you so much! Absolutely, this is just the functional model, the
entire designing of the UI and the graphs has to be tackled!
On Mon, May 13, 2019, 12:03 PM Sidharth Bansal ***@***.***>
wrote:
> Graphing menus are superb. Can we have colours introduced in it instead
of
> grey colour always?
> Superb Isha
>
> —
> You are receiving this because you authored the thread.
> Reply to this email directly, view it on GitHub
> <
#18 (comment)
>,
> or mute the thread
> <
https://github.com/notifications/unsubscribe-auth/AJXHQZ4XI4XBPQPOAJPFKK3PVEDSTANCNFSM4HMED3CQ
>
> .
>
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#18 (comment)>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AAAF6J3SAXS6VB72IMOLZY3PVED6HANCNFSM4HMED3CQ>
.
|
Thanks a lot! We will be designing the UI as per the designed proposed in my proposal. I hope the working is okay so that I can proceed with the design! |
@jywarren @namangupta01 what do you think of this? |
And also I am working on the UI for this file now, so I think it would be better if we can merge this pretty big PR now. What do you say? |
oh wow. If Naman is cool with it then go ahead and merge!
…On Tue, May 14, 2019 at 12:56 PM Isha Gupta ***@***.***> wrote:
And also I am working on the UI for this file now, so I think it would be
better if we can merge this pretty big PR now. What do you say?
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#18?email_source=notifications&email_token=AAAF6JY7NTZFPFUGORNGO5LPVLVIBA5CNFSM4HMED3C2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODVMDQPA#issuecomment-492320828>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AAAF6JYUL5YXI6XRQIDXQI3PVLVIBANCNFSM4HMED3CQ>
.
|
Nice work @IshaGupta18! Looks good to me. Let get this merge! |
Awesome folks
…On Tue, May 14, 2019 at 11:35 PM Naman Gupta ***@***.***> wrote:
Merged #18 <#18>
into main.
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
<#18?email_source=notifications&email_token=AFAAEQYZ5PDBCRHCF2PKUZDPVL5PNA5CNFSM4HMED3C2YY3PNVWWK3TUL52HS4DFWZEXG43VMVCXMZLOORHG65DJMZUWGYLUNFXW5KTDN5WW2ZLOORPWSZGOROEJWUA#event-2340985680>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/AFAAEQ7RPQIOPKL6JCYXC5TPVL5PNANCNFSM4HMED3CQ>
.
|
* Project Setup (#5) * PublicLab Grapher Project Setup * Added Jquery, Papaparse and chart.js dependencies in package.json (#7) * Adding the parsing feature according to new project structure * Added npm run script to watch changes and added browserify package for build (#10) * Added Mocha testing framework and chai for assertion and added some sample test (#13) * Plotting Graphs using Chart.js (#18) * Sample data generation and table display * emptying tables * Plotting graph usingchart.js * checking file type through drag and drop and displaying alert on invalid type * removing inline function calling * little refactoring * showing checkboxes against valid columns only * Adding graphing menu for different graph types * adding colors to graph * plotting the whole data * Add files via upload * Adding CSV string import function (#28) * Adding CSV string import function * small fix * keeping up to date * Added Multiple graphs Feature (#29) * Basic Implementation of Class * Add implementation of different table generation * Added Multiple Menu For multiple graphs * Multiple Chart Generation Completed * Minor Changes * Divided into Diiferent files * Added Babel for transpiling es6 code and modularize code by movig classes to seperate files * Minor Bug Removed * Fixed Minor linting issues * Added Patch for Multiple Graphs (#36) Patch For Multiple Graph Bug * Update issue templates * Update issue templates * Update issue templates * Update issue templates * Update issue templates * Update README.md * Update README.md * Create CONTRIBUTING.md * Create CODE_OF_CONDUCT.md (#46) * Create PULL_REQUEST_TEMPLATE.md * Update issue templates * Adding ESlint (#37) * Create Downloadable Spreadsheet using SheetJS (#43) * Changes to src * More changes * remote url access * trying to pass remote values * SheetJS Complete * Resolved Bugs * All fixes! * Removing and adding some CDNs (font awesome addition and Range slider deletion) (#52) * Remove console.log's from View.js * changed the style of the button in View.js (#54) * [IMP] Added Tests, Refactored Code, Added Plotly.js and resolved some logical bugs (#59) * Shifting parsing code from View.js ro CsvParser.js * refactoring: adding return statements * Testing with refactored code * 1st test basic * resolving constrcutor error * Changing e=import and export syntax * try * Added Tests and corrected some code * ChartJs class * Plotly Class Added * Documentation for View and Csvparser functions (#61) * Added Installation Instruction (#62) * Update README.md * Gsheet (#63) * sign-in Google * attempt for google sheets * dummy credentials * ready to host on heroku * dummy * Update package.json * Update package.json * Update package.json * Bump lodash from 4.17.11 to 4.17.15 (#67) Bumps [lodash](https://github.com/lodash/lodash) from 4.17.11 to 4.17.15. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](lodash/lodash@4.17.11...4.17.15) Signed-off-by: dependabot[bot] <[email protected]> * Update package.json * Update package-lock.json * Implementing CODAP export (#66) * updating package.json * heroku path * . * g sheet cred * sheet Functions * v1.0.4 * v1.0.5 * prev file use * view ma * latest V * Add file Description option to save against file * ids for popover fields * v1.2.1 * assigned title and desc * CODAP export * CODAP DONE * del creds * UI testing * v 1.3.2 * removing unused files * Delete test.csv * Delete uitest.js * UI Tests (#75) * updating package.json * heroku path * . * final tests1 * view changes
* Project Setup (#5) * PublicLab Grapher Project Setup * Added Jquery, Papaparse and chart.js dependencies in package.json (#7) * Adding the parsing feature according to new project structure * Added npm run script to watch changes and added browserify package for build (#10) * Added Mocha testing framework and chai for assertion and added some sample test (#13) * Plotting Graphs using Chart.js (#18) * Sample data generation and table display * emptying tables * Plotting graph usingchart.js * checking file type through drag and drop and displaying alert on invalid type * removing inline function calling * little refactoring * showing checkboxes against valid columns only * Adding graphing menu for different graph types * adding colors to graph * plotting the whole data * Add files via upload * Adding CSV string import function (#28) * Adding CSV string import function * small fix * keeping up to date * Added Multiple graphs Feature (#29) * Basic Implementation of Class * Add implementation of different table generation * Added Multiple Menu For multiple graphs * Multiple Chart Generation Completed * Minor Changes * Divided into Diiferent files * Added Babel for transpiling es6 code and modularize code by movig classes to seperate files * Minor Bug Removed * Fixed Minor linting issues * Added Patch for Multiple Graphs (#36) Patch For Multiple Graph Bug * Update issue templates * Update issue templates * Update issue templates * Update issue templates * Update issue templates * Update README.md * Update README.md * Create CONTRIBUTING.md * Create CODE_OF_CONDUCT.md (#46) * Create PULL_REQUEST_TEMPLATE.md * Update issue templates * Adding ESlint (#37) * Create Downloadable Spreadsheet using SheetJS (#43) * Changes to src * More changes * remote url access * trying to pass remote values * SheetJS Complete * Resolved Bugs * All fixes! * Removing and adding some CDNs (font awesome addition and Range slider deletion) (#52) * Remove console.log's from View.js * changed the style of the button in View.js (#54) * [IMP] Added Tests, Refactored Code, Added Plotly.js and resolved some logical bugs (#59) * Shifting parsing code from View.js ro CsvParser.js * refactoring: adding return statements * Testing with refactored code * 1st test basic * resolving constrcutor error * Changing e=import and export syntax * try * Added Tests and corrected some code * ChartJs class * Plotly Class Added * Documentation for View and Csvparser functions (#61) * Added Installation Instruction (#62) * Update README.md * Gsheet (#63) * sign-in Google * attempt for google sheets * dummy credentials * ready to host on heroku * dummy * Update package.json * Update package.json * Update package.json * Bump lodash from 4.17.11 to 4.17.15 (#67) Bumps [lodash](https://github.com/lodash/lodash) from 4.17.11 to 4.17.15. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](lodash/lodash@4.17.11...4.17.15) Signed-off-by: dependabot[bot] <[email protected]> * Update package.json * Update package-lock.json * Implementing CODAP export (#66) * updating package.json * heroku path * . * g sheet cred * sheet Functions * v1.0.4 * v1.0.5 * prev file use * view ma * latest V * Add file Description option to save against file * ids for popover fields * v1.2.1 * assigned title and desc * CODAP export * CODAP DONE * del creds * UI testing * v 1.3.2 * removing unused files * Delete test.csv * Delete uitest.js * UI Tests (#75) * updating package.json * heroku path * . * final tests1 * view changes
Here is the basic implementation of graph plotting!
fixes #19
@namangupta01 @jywarren what do you think?