lineupjs / lineup_app Goto Github PK
View Code? Open in Web Editor NEWLineUp.js Demo Application
Home Page: https://lineup.js.org/app
License: MIT License
LineUp.js Demo Application
Home Page: https://lineup.js.org/app
License: MIT License
Error in console (online)
Error in debugger (local)
categories === null
should be ignoredwhen uploading a local file it should be stored in the IndexedDB for later use. Each dataset should result in another card at the beginning with the option to delete and continue it.
just allow text/plain, text/csv, text/tsv, text/tab-separated-values mime types
Error: Cannot find module '... /lineup_app/node_modules/@babel/compat-data/data/corejs3-shipped-proposals'
After cloning and npm install
, the npm start
and npm build
give this error.
Soccer Dataset: The 0 height values should be changed to Missing values.
upon export to CodePen or Github Gist the real current state should be recreated. Thus a method for extracting the builder for a given ranking is needed. In addition, filter settings and other live data needs to be set on the real instance
If the windows size is smaller than the table width and the horizontal scrolling is necessary, the columns in the part that is accessible only by scrolling will be shifted.
Steps:
Downsize your window (in my case the window size was 1041*832)
Load taggle demo (https://taggle.caleydoapp.org/#soccer)
Scroll to access the matrix columns
Note: I think I was already reporting this issue once, but I can't find it anymore. I am sorry if this is a duplicate.
with the changes style the preview images have to be adapted accordingly.
@thinkh can you take a look at it?
the current state of the analysis (regardless whether a local or a predefined file) should be stored in the IndexedDB of the browser such that the user can continue his/her analysis.
state needs to be updated upon hash change and when leaving the page.
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB
http://dexie.org/
After uploading a csv and trying to group, the menu doesn't apply the grouping. Clicking 'confirm' doesn't close the menu.
Clicking outside the menu will make the grouping to be removed.
Clicking on 'confirm' returns error:
Reproduced with selecting an internal dataset from the homepage.
The problem seems to happen with this type of column:
It actually groups, but then it ungroup because the confirm button doesn't work.
DependencyNotFoundError
Could not find dependency: 'tslib' relative to '/node_modules/lineupjs/src/provider/ADataProvider.js'
If I follow the instructions and import tslib, I get the following error.
TypeError
Cannot read property 'FLOAT_ASC' of undefined
...
1 |
> 2 | import * as LineUpJS from "lineupjs";
3 | import "lineupjs/build/LineUpJS.css";
4 | import * as Papa from "papaparse";
5 |
Switching the dependency to LineUp v4.1.1 shows the same error.
The export should work without errors and show the demo.
app.js:124 Uncaught (in promise) DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.
at https://lineup.js.org/app/app.js:124:100635
(anonymous) @ app.js:124
Promise.then (async)
(anonymous) @ app.js:124
in addition to CSV files
cd lineupjs && npm link
cd ../lineup_app && npm link lineupjs
npm start
or npm run watch
(to get an initial build)npm start
or npm run build
ERROR in /lineup_app/src/data/forbes-top-2000-companies/index.ts(3,99):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/data/fromFile.ts(4,23):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/data/IDataset.ts(1,30):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/data/soccer/index.ts(3,101):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/data/world-happiness-report/index.ts(3,75):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/data/wur/index.ts(3,75):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/export.ts(1,48):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
ERROR in /lineup_app/src/shared.ts(2,30):
TS7016: Could not find a declaration file for module 'lineupjs'. '/lineupjs/build/LineUpJS.js' implicitly has an 'any' type.
Try `npm install @types/lineupjs` if it exists or add a new declaration (.d.ts) file containing `declare module 'lineupjs';`
npm link
-> Selection Item vs Overview
is still visible
Sometimes user wants to switch the column to a different type (other than the predefined one), e.g., to try different filters. The use case often appears, when users are uploading a CSV file on https://lineup.js.org/app_develop/ and some columns are not detected correctly. At the moment the user does not have the option to change it in the UI. The only option to change it is to open a codepen or similar and edit the column type. This is usually a lot of work for users that "just" want to analyze their data.
In the following are some switches users were requesting:
Of course not all switches are possible and useful. We must find a way how we can allow and on the other side restrict this functionality.
Suggestion
Switch column type ...
Open questions
Alternative option
In case this feature request is too complicated, we should think how to improve the importer of the LineUp demo instead so that the user starts with the correct column type after uploading a dataset.
in the current version the uploader is a black box based on PapaParse. However, the user might want to customize the loading and detection of column types.
Therefore while uploading a preview of the detected file properties should be shown which allows the user to customize it. However, when not changing a thing within X seconds it should automatically proceed with the default values.
Coming from Caleydo/lineupjs#65 and Caleydo/lineup#7
I don't where to find the original color scale other than this paper figure:
https://sofifa.com/ provides player data for the FIFA games by EA (FIFA 2019, etc)
There is scraped dataset on Kaggle which could be used to update/replace the present soccer dataset.
https://www.kaggle.com/karangadiya/fifa19
The data is not metric though.
Original Demo
Imported CSV file
No lineup displayed
The resource from “https://unpkg.com/[email protected]/build/LineUpJS.min.css” was blocked due to MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff). index.html
The resource from “https://unpkg.com/[email protected]/build/LineUpJS.min.js” was blocked due to MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff). index.html
ReferenceError: LineUpJS is not defined
Open Pen settings and switch to non-minified css and js files.
https://github.com/lineupjs/lineup_app/blob/develop/src/model/MatrixColumn.ts
IMO, the lineup_app should just show and use features that are provided by the library thus not extending LineUp itself cause it will break among others all export functionalities.
Coming from Caleydo/lineupjs#61 and Caleydo/lineup#6.
@mstreit commented on Fri Oct 12 2018
Similar problems when exporting and importing JSON.
currently no visual hint
allColumns()
)This issue might be related to #7.
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.