MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    read csv-data and put it in an array

    Scheduled Pinned Locked Moved Utilities
    313 Posts 3 Posters 495.6k Views 4 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @Perlchamp
      last edited by sdetweil

      @Perlchamp you have to use the node_helper.js … the module.js file runs in the browser and doesn’t have access to local files

      var xxx= require(‘’)…

      then module has to send request to node_helper and node_helper has to send results back

      see my MyCovid19 module
      https://github.com/sdetweil/MyCovid19

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • PerlchampP Offline
        Perlchamp
        last edited by

        hello sam,
        i’m a noob. sorry for that. i will have a look to your module.
        this all is new for me. it will take some time …
        if you would help me, that would be great. but first i have to read some things …

        so long

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Perlchamp
          last edited by

          @Perlchamp my sample module might be helpful too…
          https://github.com/sdetweil/SampleModule

          implements what is in the developing module documentation
          https://docs.magicmirror.builders/development/introduction.html

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • PerlchampP Offline
            Perlchamp
            last edited by

            hello sam,
            thanks a lot. i will have a look on it, too. sure, i will learn a lot.

            so long

            1 Reply Last reply Reply Quote 0
            • PerlchampP Offline
              Perlchamp
              last edited by

              covid chart do not load :-(

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @Perlchamp
                last edited by

                @Perlchamp show me the config for the module?

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                1 Reply Last reply Reply Quote 0
                • PerlchampP Offline
                  Perlchamp
                  last edited by

                  in config.js i didn’t use the config section. i thought the defaults should be enough. ok, i will put the config section into the config.js. just a moment, please …

                  S 1 Reply Last reply Reply Quote 0
                  • S Offline
                    sdetweil @Perlchamp
                    last edited by sdetweil

                    @Perlchamp no… I don’t pick any countries or states, or describe how big the charts should be…
                    try this

                    		{
                    			module:"MyCovid19",
                    			disabled:false,
                    			position:"top_left",
                    			classes: 'sam',			
                    			config:{
                    				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                    				// line colors can be any definition of color either a name ,or a hex string
                    				// one per country above, used in order,
                    				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                    				//				
                    				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                    				chart_title:"cumulative deaths by country", // however u want to label
                    				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                    				ranges:{min:0,max:30000,stepSize:5000},
                    				// size of the chart in pixels
                    			    width: 400,
                    			    height: 400,	
                    			    // only used if we need to debug something
                    			    debug:false,
                    			    startDate:'02/01/2020',
                    			    //backgroundColor: 'white',
                    			},
                    		},	
                    

                    Sam

                    How to add modules

                    learning how to use browser developers window for css changes

                    1 Reply Last reply Reply Quote 0
                    • PerlchampP Offline
                      Perlchamp
                      last edited by

                      still loading …

                      {
                      			module: "MyCovid19",
                      			position: "top_right",
                      			config:{
                      				countries: "Italy",
                      			    //countries:["Italy","USA","China","Spain","France"],
                                      //OR
                      			    //states:['New York','Illinois','Texas'],
                      
                      			    // one of countries or states MUST be specified
                      
                      			    // line colors can be any definition of color either a name ,or a hex string
                      			    // one per country above, used in order,
                      			    //line_colors:['red','white','green','yellow','blue'],
                      			    line_colors: "white",
                      			    //				
                      			    chart_type:"cumulative_cases",  // or "cumulative deaths"
                      			    chart_title:"Cumulative Cases", // however u want to label
                      			    // the vertical steps on the chart.. how tall u want it to be and how mant increments
                      			    ranges:{min:0,max:8000,stepSize:10000},
                      			    // size of the chart in pixels
                      		        width: 400,
                      		        height: 500,
                      		        // only used if we need to debug something
                      		        debug:false,
                      		        startDate: "02/01/2020"
                      		    }
                      		},
                      
                      S 1 Reply Last reply Reply Quote 0
                      • S Offline
                        sdetweil @Perlchamp
                        last edited by

                        @Perlchamp said in read csv-data and put it in an array:

                          		countries: "Italy",
                        

                        must be an array countries : [ ‘Italy’ ] ,

                        Sam

                        How to add modules

                        learning how to use browser developers window for css changes

                        1 Reply Last reply Reply Quote 0
                        • PerlchampP Offline
                          Perlchamp
                          last edited by

                          to include csvtojson i have to do the following ?

                          getScripts: function () {
                          		    return ["moment.js", "modules/" + this.name + "/node_modules/csvtojson/bin/csvtojson.js"];
                          		},
                          

                          is that right ?
                          covid do not run … black screen, no loading message …

                          S 2 Replies Last reply Reply Quote 0
                          • S Offline
                            sdetweil @Perlchamp
                            last edited by sdetweil

                            @Perlchamp no… see the node_helper.js

                            you cannot use the csvtojson in the modulename.js

                            Sam

                            How to add modules

                            learning how to use browser developers window for css changes

                            1 Reply Last reply Reply Quote 0
                            • S Offline
                              sdetweil @Perlchamp
                              last edited by

                              @Perlchamp did u use my config info above? just to make it work

                              Sam

                              How to add modules

                              learning how to use browser developers window for css changes

                              1 Reply Last reply Reply Quote 0
                              • PerlchampP Offline
                                Perlchamp
                                last edited by

                                yes.
                                [“Italy”],

                                which one? in your corona ?

                                S 1 Reply Last reply Reply Quote 0
                                • S Offline
                                  sdetweil @Perlchamp
                                  last edited by

                                  @Perlchamp i provided a complete working sample for my module above… copy/paste it into your config.js

                                  Sam

                                  How to add modules

                                  learning how to use browser developers window for css changes

                                  1 Reply Last reply Reply Quote 0
                                  • PerlchampP Offline
                                    Perlchamp
                                    last edited by

                                    i did copy it, but doesn’t work yet. have i look on your code. is there a comma after the date. i think this shouldn’t be there. i deleted it, but still does not work => black screen

                                    S 1 Reply Last reply Reply Quote 0
                                    • S Offline
                                      sdetweil @Perlchamp
                                      last edited by

                                      @Perlchamp you copied all this exactly, right?

                                      {
                                      			module:"MyCovid19",
                                      			disabled:false,
                                      			position:"top_left",
                                      			classes: 'sam',			
                                      			config:{
                                      				countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                      				// line colors can be any definition of color either a name ,or a hex string
                                      				// one per country above, used in order,
                                      				line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                      				//				
                                      				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                      				chart_title:"cumulative deaths by country", // however u want to label
                                      				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                      				ranges:{min:0,max:30000,stepSize:5000},
                                      				// size of the chart in pixels
                                      			    width: 400,
                                      			    height: 400,	
                                      			    // only used if we need to debug something
                                      			    debug:false,
                                      			    startDate:'02/01/2020',
                                      			    //backgroundColor: 'white',
                                      			},
                                      		},	
                                      

                                      Sam

                                      How to add modules

                                      learning how to use browser developers window for css changes

                                      1 Reply Last reply Reply Quote 0
                                      • PerlchampP Offline
                                        Perlchamp
                                        last edited by

                                        my config yet:

                                        		{
                                        			module:"MyCovid19",
                                        			disabled:false,
                                        			position:"top_left",
                                        			classes: 'sam',			
                                        			config:{
                                        				countries:["Italy"],
                                        				//countries:["Italy","USA","China","Spain", "France",'Sweden'],
                                        				// line colors can be any definition of color either a name ,or a hex string
                                        				// one per country above, used in order,
                                        				//line_colors:['red','white','green','yellow','#34ebde','#34eb00'],
                                        				line_colors:['white'],
                                        				//				
                                        				chart_type:"cumulative_deaths",  // or "cumulative deaths"
                                        				chart_title:"cumulative deaths by country", // however u want to label
                                        				// the vertical steps on the chart.. how tall u want it to be and how mant increments 
                                        				ranges:{min:0,max:30000,stepSize:5000},
                                        				// size of the chart in pixels
                                        			    width: 400,
                                        			    height: 400,	
                                        			    // only used if we need to debug something
                                        			    debug:false,
                                        			    startDate:'02/01/2020'
                                        			    //backgroundColor: 'white',
                                        			},
                                        		},
                                        
                                        
                                        S 1 Reply Last reply Reply Quote 0
                                        • S Offline
                                          sdetweil @Perlchamp
                                          last edited by

                                          @Perlchamp I used yours exactly, and works

                                          Sam

                                          How to add modules

                                          learning how to use browser developers window for css changes

                                          1 Reply Last reply Reply Quote 0
                                          • PerlchampP Offline
                                            Perlchamp
                                            last edited by

                                            may it need time to load the raw data?
                                            i will start it, drink a coffee, will come back and see …

                                            S 1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 15
                                            • 16
                                            • 1 / 16
                                            • First post
                                              Last post
                                            Enjoying MagicMirror? Please consider a donation!
                                            MagicMirror created by Michael Teeuw.
                                            Forum managed by Sam, technical setup by Karsten.
                                            This forum is using NodeBB as its core | Contributors
                                            Contact | Privacy Policy